1、单行信息滚动
setInterval(this.marquee,3000); marquee: function(){ var prizeul=$(‘#prizeul‘);//定义滚动区域 var fli=prizeul.find(‘li:first‘); var flih=fli.height();//每次滚动高度 fli.animate({ marginTop:-flih+‘px‘ },600,function(){//通过取负margin值,隐藏第一行 fli.css(‘marginTop‘,0).appendTo(prizeul);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 }) },
2、鼠标移进停止滚动,移出继续滚动
var vid = setInterval(marquee,3000); $(‘.J-scroll‘).mouseenter(function(){ clearInterval(vid); }).mouseleave(function(){ vid = setInterval(marquee,3000); });
时间: 2024-12-13 12:31:10