今天介绍下jQuery无缝间歇向上滚动的方法

在页面上观察过多数的轮转效应,举个例子发展、下、左、右滚动。区别的产品采用区别的效应,前几天牵线下jQuery无缝间歇向上滚动的主意。非常的少说,干货拿起:

首先看HTML代码,如下:

.renav{width:200px;height:150px;line-height:21px;overflow:hidden;background:#FFFFFF;}.renavli{height:21px;}Web前端之家Web前端之家Web前端之家1Web前端之家2Web前端之家3Web前端之家4Web前端之家Web前端之家

下一场看下JS代码,如下:

${var$this=$;varscrollTimer;$this.hover{clearInterval;},function(){scrollTimer=setInterval{scrollNews.trigger;});functionscrollNews{var$self=obj.find;varlineHeight=$self.find.height();$self.animate({"margin-top":-lineHeight+"px"},600,function(){$self.css({"margin-top":"0px"}).find.appendTo}

大家新建三个文本,然后把代码复制进去就可以了,别忘了调用下jQuery库文件。那Ritter别要强调的,列表的剧情中度要比大家外框架的惊人要高,不然会见世闪动的主题素材。

本文由快3平台发布于安徽快三web前端,转载请注明出处:今天介绍下jQuery无缝间歇向上滚动的方法

相关阅读