首页 > 代码库 > jquery 无缝滚动 jquery.kxbdmarquee
jquery 无缝滚动 jquery.kxbdmarquee
DEMO
http://code.ciaoca.com/jquery/kxbdmarquee/demo/
官网
http://code.ciaoca.com/jquery/kxbdmarquee/
DOM 结构
<div id="element_id">
<ul>
<li></li>
</ul>
</div>
CSS 样式
/*
* 父容器需要设置溢出隐藏
* 如果是水平滚动,项目需要设置浮动
*/
#element_id{overflow:hidden;}
JavaScript 调用方式
$("#element_id").kxbdMarquee();
$("#marquee4").kxbdMarquee({direction:"up",isEqual:false});
#element_id ul li{float:left;}
名称 | 默认值 | 说明 |
---|---|---|
isEqual | true | 所有滚动的元素长宽是否相等。可设置为:true|false |
loop | 0 | 循环滚动次数,0时无限 |
direction | "left" | 滚动方向。可设置为:"left"|"right"|"up"|"down" |
scrollAmount | 1 | 步长(px) |
scrollDelay | 20 | 时长(ms) |
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。