JQuery插件Marquee.js实现无缝滚动效果_jquery
程序员文章站
2022-03-19 11:47:01
...
Marquee.js插件提供了许多属性选项,您可以配置定制外观和效果。
{ yScroll: "top" // 初始滚动方向 (还可以是"top" 或 "bottom") showSpeed: 850 // 初始下拉速度 scrollSpeed: 12 // 滚动速度 , pauseSpeed: 5000 // 滚动完到下一条的间隔时间 pauseOnHover: true // 鼠标滑向文字时是否停止滚动 loop: -1 // 设置循环滚动次数 (-1为无限循环) fxEasingShow: "swing" // 缓冲效果 fxEasingScroll: "linear" // 缓冲效果 cssShowing: "marquee-showing" //定义class // event handlers init: null // 初始调用函数 beforeshow: null // 滚动前回调函数 show: null // 当新的滚动内容显示时回调函数 aftershow: null // 滚动完了回调函数 }
详细代码:
以上就是本文的全部内容,希望对大家学习jquery程序设计有所帮助。
推荐阅读
-
jQuery实现的网站banner图片无缝轮播效果完整实例
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
-
基于jQuery实现一个marquee无缝滚动的插件
-
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
-
jQuery插件zTree实现的多选树效果示例
-
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
-
利用jquery和BootStrap实现动态滚动条效果
-
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
-
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】