<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里的子元素吗??
但这样我觉得不合理啊,那就样不就变成???,邦定是不是一个递归呢
总之他是怎么按顺序去滚动的