zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery文本上下无缝滚动,鼠标放上去就停止小例子

jQuery 文本 例子 无缝 停止 鼠标 滚动 上下
2023-06-13 09:15:00 时间

复制代码代码如下:


<scriptsrc="../js/jquery-1.4.2.min.js"type="text/javascript"></script>

<scripttype="text/javascript">      
       functionAutoScroll(obj){
           $(obj).find("ul:first").animate({
               marginTop:"-25px"
           },500,function(){
               $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
           });
       }
       $(document).ready(function(){
           varmyar=setInterval("AutoScroll("#con2_qhd_3")",1000);
           //当鼠标放上去的时候,滚动停止,鼠标离开的时候滚动开始
           $("#con2_qhd_3").hover(function(){clearInterval(myar);},function(){myar=setInterval("AutoScroll("#con2_qhd_3")",1000)});
       });
</script>

<divid="con2_qhd_3">
       <ul>
            <li><ahref="#">欢迎111111111111</a></li>
           <li><ahref="#">欢迎22222222222</a></li>
           <li><ahref="#">欢迎333333333333</a></li>
           <li><ahref="#">欢迎4444444444444</a></li>
           <li><ahref="#">欢迎5555555555</a></li>
          <li><ahref="#">欢迎66666666666666</a></li>
       </ul>
   </div>