<marquee> 曾是 IE 下独有的一个走马灯效果的标签,其他浏览器并不兼容,于是出现了使用 JavaScript 来模拟该效果的插件。
使用方法
载入 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
相关推荐
liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 Marquee 标签,但比 Marquee 更强大。它可以应用于任何 Web 元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、...
jquery向上无缝滚动单行向上滚动!!!!!!
jquery图片无缝滚动代码左右上下无缝滚动图片
jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果
jquery图片无缝滚动插件上下左右图片无缝滚动代码
无缝滚动插件jquery.kxbdmarquee.以及所依赖的jQuery。
jQuery无缝滚动 jQuery 无缝滚动
jquery图片无缝滚动.网上看到的,供大家一起共同分享学习。
imgscroll插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库,依赖于jQuery图片无缝连续循环滚动 支持上下左右的滚动。
jquery 无缝滚动 图片轮播 一个很好用的轮播器,无缝滚动,可定制配置。
应用jquery 实现页面图片的无缝滚动效果,兼容火狐浏览器
网站中公告上下无缝滚动,marquee,要求每条广告的内容高度一致,如果想改成高度不一致的无缝滚动,联系我,我再发给你,懒得一批。
jquery图片无缝滚动
基于jquery开发的一个特效,图片的无缝滚动,对学习web开发的人有帮助,jquery库和图片自己定义即可
js,Jquery无缝滚动,简单易懂!代码简单,实例更直观
jQuery文字无缝滚动效果代码下载。