jquery multi-line scrolling code (with detailed explanation)_jquery

, because _this.find("li:first").appendTo(_this); cuts and inserts the first four lines to the back , and set the height to start from 0, so that only the first four lines can be displayed. _this.find("li:last").show().prependTo(_this); In the same way, insert the next four lines to the front.

3. The third question is animate, which is a function of jquery that produces animation effects. But _btnDown.unbind("click",scrollDown); why does it need to be unbound after being bound? This is because when down is clicked, the scrollDown function will be executed. When the execution goes inside, the binding must be untied, so as not to execute the scrollDown function again when down is clicked at this time, causing confusion. Only bind after the scrolling is completed.

4. It will also scroll automatically when not clicked. At that time, because there was _this.hover(autoStop,autoPlay).mouseout();

The hover method in jQuery is a very commonly used method. It accepts two parameters. The first parameter is when the mouse moves into the object. The event that is triggered, the second parameter is the event that is triggered when the mouse moves out of the object
5. $("#scrollDiv").Scroll({line:4,speed:500,timer:3000,up:"btn2",down:"btn1"}); called Scroll and executed: function(opt,callback), However, only opt is passed here, and there is no callback function. And passing parameters is also very strange. But just think that it can be passed like this, which is equivalent to an object.

I hope to know more about Paizhuan.

source：php.cn