特效求解

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

解决方案 »

  1.   

    = =<!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>