jQuery kxbdMarquee 无缝滚动
2016-05-31 10:05
537 查看
<marquee> 曾是 IE 下独有的一个走马灯效果的标签,其他浏览器并不兼容,于是出现了使用 JavaScript 来模拟该效果的插件。
版本:jQuery v1.3.2+
文档目录
使用方法
参数说明
相关信息
作者网站:http://www.kxbd.com/?p=281
版本: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 在容器内增加内容和删除内容
- jquery基础
- Jquery插件知识之Jquery.cookie实现页面传值
- Jquery插件知识之Jquery.cookie实现页面传值
- Jquery插件知识之Jquery.cookie实现页面传值
- jQuery基础知识点总结(必看)
- 如何使用jquery刷新当前页面
- jquery 无限极下拉菜单的简单实例(精简浓缩版)
- 使用jQuery实现input的灰色提示信息
- Jquery toggleClass的使用
- jQuery 阻止表单重复提交
- JQuery中的.attr()与.removeAttr()
- jQuery基础知识点(上)
- jquery ajax监听 then when done
- 关于在实际开发中遇到的js或者是jQuery方法
- jQuery百度选项卡片切换
- jquery ajax POST 例子详解
- js/jquery如何这样调用php?
- jquery mobile在chrome浏览器中一直处于在家在状态(圆圈一直在转)的解决方案
- JQUERY知识总结