jquery多行滚动代码(附详细解释)_jquery

多行滚动演示：

• 这是公告标题的第一行


• 这是公告标题的第二行


• 这是公告标题的第三行


• 这是公告标题的第四行


• 这是公告标题的第五行


• 这是公告标题的第六行


• 这是公告标题的第七行


• 这是公告标题的第八行

高度限制是100px，而每行是25px，总共只能显示4行，但p中有八行。那怎么显示呢？

scrollDiv属性中有个overflow:hidden表示不能显示的则隐藏。

2。第二个问题是 哪四行显示在

中，由于_this.find("li:first").appendTo(_this);将前面的四行剪切插入到后面，并且设置高度是从0开始，这样就只能显示前四行。_this.find("li:last").show().prependTo(_this);同理将后面四行插入到前面去。

3。第三个问题是animate，它是jquery的一个函数，起到动画效应。但_btnDown.unbind("click",scrollDown);为何绑定了又要解开呢。这是因为当点击down时，将执行scrollDown函数，当执行到里面去时要解开绑定，以免此时再点击down时又执行scrollDown函数，导致混乱，只有执行完滚动后再绑定。

4。当不点击时，也会自动滚动。那时因为有个_this.hover(autoStop,autoPlay).mouseout();

jQuery中的hover方法是个非常常用的方法，接受二个参数，第一个参数为鼠标移入对象时触发的事件，第二个参数为鼠标移出对象时触发的事
5。$("#scrollDiv").Scroll({line:4,speed:500,timer:3000,up:"btn2",down:"btn1"});调用了Scroll 执行了:function(opt,callback)，这里面却只传了opt，这里面没有callback函数。而且传参数也非常奇怪。不过就当它能这样传，相当于一个object，传过来也。

希望懂得更多的拍砖。