js滚屏代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <style> body,div,ul,li{ margin:0; padding:0;} ul,li{ list-style:none;} body{ font-size:12px; color:#000000;} .con{ width:300px; height:30px; border:1px solid #333333; overflow:hidden; margin:100px auto 0;} .list{ width:100%;} .list li{ width:100%; height:30px; line-height:30px; text-indent:20px; float:left;} </style> <script language="javascript"> function scrollTitle(changeSpeed,scrollSpeed){ var con = document.getElementById("list_con"); var list = document.getElementById("news_list"); list.innerHTML += list.innerHTML; var items = list.getElementsByTagName("li"); var timer_1 = setInterval(_scrollTitle,changeSpeed); var heightAll =0; for(var i=0;i<items.length;i++){ heightAll += items[i].offsetHeight; } var heightHalf = parseInt(heightAll/2); con.onmouseover = function(){ if(timer_1){ clearInterval(timer_1); timer_1=null; } } con.onmouseout = function(){ if(timer_1){ clearInterval(timer_1); timer_1=null; } timer_1 = setInterval(_scrollTitle,changeSpeed); } function _scrollTitle(){ var timer; var num = 30; timer = setInterval(scrollTop,scrollSpeed); function scrollTop(){ if(con.scrollTop<heightHalf){ con.scrollTop += 3; num -= 3; }else{ con.scrollTop = 0; } if(num <= 0){ clearInterval(timer); } } } } </script> </head> <body> <div class="con" id="list_con"> <ul class="list" id="news_list"> <li><a href="http://www.aspxhome.com">新疆再负广东，难逃亚军梦魇？</a></li> <li><a href="http://www.cidianwang.com">西热力江关键失误，新疆丧失最后机会</a></li> <li><a href="http://www.aspxhome.com">杜比赛后通道内争执</a></li> <li><a href="http://www.cidianwang.com">吐尔逊兄弟成捣蛋奇兵</a></li> <li><a href="http://www.cidianwang.com">辛格尔顿首发见奇效</a></li> </ul> </div> <script language="javascript">scrollTitle(3000,50);</script> </body> </html> [提示：你可先修改部分代码，再按运行]
请稍等，评论加载中...