简单易用的无缝滚动代码

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

 71961  471  查看评论 (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滚动堆叠插件jquery.stacked-strips.js

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

zepto移动端全屏滚动

移动端整屏滚动效果
  滚动
 32299  300

jQuery全屏滚动插件,带箭头点击

一款功能齐全的全屏滚动插件,符合绝大部分开发人员的需求,没有滚动循环,无需做过多更改就能满足您的要求。
  滚动
 17848  214

jQuery简单的文字跑马灯特效

这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 212160  358

讨论这个项目(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
    @枰子 额,是么,我试试 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复