jQuery kxbdMarquee 无缝滚动
<marquee> 曾是 IE 下独有的一个走马灯效果的标签,其他浏览器并不兼容,于是出现了使用 JavaScript 来模拟该效果的插件。
版本:jQuery v1.3.2+使用方法
载入 JavaScript 文件
<script src="jquery.js"></script> <script src="jquery.kxbdmarquee.js"></script>
CSS 样式
/** * 父容器需要设置溢出隐藏 * 如果是水平滚动,项目需要设置浮动 */ #element_id{overflow:hidden;} #element_id ul li{float:left;}
DOM 结构
<div id="element_id"> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </div>
JavaScript 调用方式
$('#element_id').kxbdMarquee();
参数说明
direction | "left" | 滚动方向。可设置为:"left", "right", "up", "down" |
isEqual | true | 所有滚动的元素长宽是否相等。可设置为:true, false |
loop | 0 | 循环滚动次数,0 表示无限循环 |
scrollAmount | 1 | 步长(px) |
scrollDelay | 20 | 时长(ms) |
相关信息
作者网站:http://www.kxbd.com/?p=281
相关文档:中文文档
下载附件:jquery.kxbdmarquee
相关推荐
momode 2020-09-11
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17