需要做一个有感觉的网站?请让悠悠设计的设计师帮您来完成这个小目标 👉 立即点击
jQuery模拟Marquee内容与元素无间断滚动
使用快捷键Ctrl+D收藏本站,下次访问更方便哟!

jQuery模拟Marquee内容与元素无间断滚动

  • 更新时间:2022-09-23
  • 资源分类:插件 - 幻灯轮播图
  • 资源编号:U1164
  • 资源发布:wjj821028

jQuery模拟Marquee内容无缝滚动,jQuery内容与元素无间断滚动,鼠标划过停止滚动,可自定义速度与内容滚动方向,支持PC页面与移动端页面,可通过direction参数设置内容与元素的滚动方向,向上滚动,向左滚动,向下滚动,向右滚动,通过loop设置滚动次数,设置0为无限次数,滚动元素总尺寸小于容器尺寸,不滚动。

jQuery模拟Marquee内容与元素无间断滚动 图1

示例代码:

$("#marquee2").kxbdMarquee({
    isEqual: false,
    scrollAmount: 1.5,
});
$("#marquee1").kxbdMarquee({
    isEqual: false
});
isEqual: true, //所有滚动的元素长宽是否相等,true,false
loop: 0, //循环滚动次数,0时无限 
direction: "left", //滚动方向,"left","right","up","down" 
scrollAmount: 1, //步长 scrollDelay:30 //时长
收藏