jQuery はリストの自動循環スクロールを実装し、マウスがホバリングしているときにスクロールを停止します_jquery

コードをコピー

キーは js ファイルです:




コードをコピー

scrollNews($) this);
}, 2000);
}).trigger("mouseleave");

functionscrollNews(obj) {
var $self = obj.find("ul") );
var lineHeight = $self.find ("li:first").height();
$self.animate({
"marginTop": -lineHeight "px"
}, 600、function() {
$self.css({
marginTop: 0
}).find("li:first").appendTo($self)
}
})


主なことは、hover、setInterval、clearInterval、animate メソッドおよび marginTop 属性 (marginLeft、top、left など) の理解と適用であることに注意してください。 .trigger("mouseleave") が追加されていない場合、Web ページでは初期化中にリストがスクロールせず、appendTo で要素を直接移動できる、それだけです。