JQuery插件Marquee.js实现无缝滚动效果_

1、JQuery插件Marquee.js实现无缝滚动效果_ 这篇文章主要介绍了JQuery插件Marquee.js实现无缝滚动效果的相关资料,需要的伴侣可以参考下 Marquee.js插件供应了很多属性选项，您可以配置定制外观和效果。 yScroll: top / 初始滚动方向 (还可以是top 或 bottom) showSpeed: 850 / 初始下拉速度 scrollSpeed: 12 / 滚动速度 , pauseSpeed: 5000 / 滚动完到下一条的间隔时间 pauseOnHover: true / 鼠标滑向文字时是否停止滚动 loop: -1 / 设置循环滚动次数 （-1为无限循

2、环） fxEasingShow: swing / 缓冲效果 fxEasingScroll: linear / 缓冲效果 cssShowing: marquee-showing /定义class / event handlers init: null / 初始调用函数 beforeshow: null / 滚动前回调函数 show: null / 当新的滚动内容显示时回调函数 aftershow: null / 滚动完了回调函数 具体代码： !DOCTYPE html html head meta http-equiv=Content-Type content=text/html; charse

3、t=utf-8 / titlemarquee测试/title script type=text/javascript src=././jquery/jquery.js/script script type=text/javascript src=./marquee/lib/jquery.marquee.js/script script type=text/javascript $(function() $(#marquee).marquee( yScroll: bottom, showSpeed: 850, / 初始下拉速度 , scrollSpeed: 12, / 滚动速度 , pauseS

4、peed: 500, / 滚动完到下一条的间隔时间 , pauseOnHover: true, / 鼠标滑向文字时是否停止滚动 , loop: -1 , / 设置循环滚动次数 （-1为无限循环） , fxEasingShow: swing , / 缓冲效果 , fxEasingScroll: linear, / 缓冲效果 , cssShowing: marquee-showing /定义class ); ); /script style ul.marquee display: block; line-height: 1; position: relative; overflow: hidden

5、; width: 400px; height: 22px; ul.marquee li position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; padding: 3px 5px; text-indent:0.8em /style /head body ul id=marquee class=marquee lia href=# target=_blankWEB前端开发/a 2021-10-20/li lia href=# target=_blank架构设计/a 2021-09-20/li lia href=# target=_