首页 新闻 会员 周边

上下滚动的文字

0
悬赏园豆:15 [已关闭问题]

<script type="text/javascript">
(function($){
   $.fn.extend({
     Scroll:function(opt){
       if(!opt)
       var opt={};
       var _btnUp=$("#"+opt.up);
       var _btnDown=$("#"+opt.down);
       var timerID;
       var _this=this.find("ul");//改下
       var lineH=_this.find("li:first").height(),
            line=opt.line;
           speed=opt.speed;
           timer=opt.timer;
       if(line==0) line=1;
       var upHeight=-(line*lineH);//一次滚动的高度
       var scrollUp=function(){
        _btnUp.unbind("click",scrollUp);
        _this.animate({
         marginTop:upHeight
        },speed,function(){
           for(i=1;i<=line;i++){
             _this.find("li:first").appendTo(_this);
           }
           _this.css({marginTop:0});
           _btnUp.bind("click",scrollUp);
        });
       }
      
       var scrollDown=function(){
         _btnDown.unbind("click",scrollDown);
         for(i=1;i<=line;i++){
           _this.find("li:last").prependTo(_this);
         }
         _this.css({marginTop:upHeight});
         _this.animate({marginTop:0},speed,function(){
           _btnDown.bind("click",scrollDown);
         });
       }
       var autoPlay=function(){
          if(timer)
              timerID=window.setInterval(scrollUp,timer);
       };
      
       var autoStop=function(){
         if(timer)
            window.clearInterval(timerID);
       };
      
       _this.hover(autoStop,autoPlay).mouseout();
       _btnUp.css("cursor","pointer").click(scrollUp).hover(autoStop,autoPlay);
       _btnDown.css("cursor","pointer").click(scrollDown).hover(autoStop,autoPlay);
     }
   })
})(jQuery);
 
$(document).ready(function(){
   $('#scrollDiv').Scroll({line:4,speed:500,timer:2000,up:"btn2",down:"btn1"});
})
</script>

 

 


<br />
<br />
<div id="scrollDiv">
<ul>
<li>这是公告标题的第一行</li>
<li>这是公告标题的第二行</li>
<li>这是公告标题的第三行</li>
<li>这是公告标题的第四行</li>
<li>这是公告标题的第五行</li>
<li>这是公告标题的第六行</li>
<li>这是公告标题的第七行</li>
<li>这是公告标题的第八行</li>
<li>这是公告标题的第九行</li>
<li>这是公告标题的第十行</li>
</ul>
</div>
<span id="btn1">down</span>
<br/>
<span id="btn2">up</span>

   求救下各位高手,让我明白

上面有背景的字,可能我太笨了,但我总是不明白他for循环4个

   找到第一个li在他之后加上所有ul里的子元素吗??

   但这样我觉得不合理啊,那就样不就变成???,邦定是不是一个递归呢

  总之他是怎么按顺序去滚动的

加油吧的主页 加油吧 | 初学一级 | 园豆:56
提问于:2010-07-30 16:49
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册