jquery 无缝滚动 jquery.kxbdmarquee
时间:2014-04-30 17:04:03
收藏:0
阅读:564
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) |
评论(0)