简单易用的无缝滚动代码

所属分类:UI,媒体-滚动,图片展示

 74222  472  查看评论 (12)
分享到微信朋友圈
X
简单易用的无缝滚动代码 ie兼容6

CSS

#marquee {overflow:hidden;width:200px;height:50px;}  

html

<div id="marquee">
     <ul>
         <li></li>
         <li></li>
      </ul>
</div>


JS

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

网友(枰子):不能用滚动条滚动,这样或造成页面的input输入框没有光标(ie下,包括ie10),如果换成left,top就可以了

相关插件-滚动,图片展示

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 28519  316

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 29749  328

滚动条

可定制的滚动条,通过js+css实现
  滚动
 54057  335

仿淘宝、京东等电商网站楼层跳转滚动定位

实现电商网站的滚动监听、导航定位、返回顶部的功能
  滚动
 31107  410

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    挑食的小饿狼 0
    2019/9/18 14:13:14
    太好了,感谢!
        炫殇0
        2020/8/26 16:39:56
        求币
    回复
    Low energy children are forbidden to enter. 0
    2018/9/25 17:47:43
    这个是否有定时滚动 回复
    期有归期未有期 0
    2018/6/2 11:59:38
    简单易用,喜欢 回复
    独家记忆 0
    2018/3/1 15:53:01
    有没有遇到过滚动到某个位置直接跳到开始的地方,重新滚动 回复
    大脸喵_辛巴 0
    2017/4/28 13:56:51
    羽慕尘 0
    2017/3/9 14:56:13

    免费的还是可以好评的 待我用用再说

    回复
    刹那永恒 0
    2016/9/6 13:09:11
    这个 会出现问题 有时不滚动 但是 点击其他页面 在点机会来时 会滚动 回复
    阿白哥__Karida 0
    2015/11/16 19:11:38

    js怎么用不上呢?求解~

    回复
    ζ 0
    2015/10/12 16:10:47

    看着非常不错的样子!

    回复
    旅图灬 0
    2014/12/23 9:25:10
    @枰子 额,是么,我试试 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复