当前位置:编程学习 > C#/ASP.NET >>

特效求解

新狼首页搜索旁边那个热搜旁边的那个文字定时滚动是怎么实现的?跪求!!!!!!!!(具体实现代码) --------------------编程问答-------------------- = =

<!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>
    <title>无标题页</title>
    <style>
ul{width:210px;line-height:22px;height:22px;overflow:hidden;}
li{list-style-type:none;float:left;}
a{color:red;}
    </style>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script>
var tid;
var pause=false;
var start=function(){
   tid= setInterval(slide,10);
}
var slide=function(){
   if(pause) return;
   $("ul").scrollTop($("ul").scrollTop()+2);
   if($("ul").scrollTop()%22==0){
clearInterval(tid);
$("ul").append("<li>"+$("ul li:first").html()+"</li>");
$("ul li:first").remove();
$("ul").scrollTop("0");
    setTimeout(start,1000);
   }
}
$(document).ready(function(){
$("ul").hover(
   function(){pause=true},
   function(){pause=false}
);
})
setTimeout(start,1000);
    </script>
    
</head>
<body>    
<ul>
<li><a>F1最年轻冠军</a> <a>米兰德比对决</a></li>
<li><a>高大宽出狱</a> <a>中国作家富豪榜</a></li>
<li><a>广西列车脱轨</a> <a>京沪高铁贯通</a></li>
</ul>
</body>

</html>

--------------------编程问答-------------------- 我看楼上的方法可行 --------------------编程问答--------------------
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,