jQuery kxbdMarquee 无缝滚动

web
config

使用例子

载入 JavaScript 文件
<script src="jquery.js"></script>
<script src="jquery.kxbdmarquee.js"></script>
ready
$('#element_id').kxbdMarquee();
dom
<div id="element_id">
  <ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
  </ul>
</div>
css
#element_id{overflow:hidden;}
#element_id ul li{float:left;}

配置

-- 名称   | 默认值  | 说明 --
direction   "left"  滚动方向。可设置为:"left", "right", "up", "down"
isEqual true    所有滚动的元素长宽是否相等。可设置为:true, false
loop    0   循环滚动次数,0 表示无限循环
scrollAmount    1   步长(px)
scrollDelay 20  时长(ms)

猜你喜欢

转载自blog.csdn.net/HD2killers/article/details/81451308