/*** @description 基于 jQuery 的多功能无缝滚动插件 @params auto: true # 是否自动滚动 interval: 3000 # 间隔时间(毫秒) direction: 'forward' # 向前 - forward / 向后 - backward speed: 500 # 移动速度(毫秒) showNum: 1 # 显示个数 stepLen: 1 # 每次滚动步长 type: 'horizontal' # 水平滚动 - horizontal / 垂直滚动 - vertical prevElement: null # 上一组按钮元素 prevBefore: function() {} # 上一组移动前回调 prevAfter: function() {} # 上一组移动后回调 nextElement: null # 下一组按钮元素 nextBefore: function() {} # 下一组移动前回调 nextAfter: function() {} # 下一组移动后回调 pauseElement: null # 暂停按钮元素 pauseBefore: function() {} # 暂停前回调 pauseAfter: function() {} # 暂停后回调 resumeElement: null # 继续按钮元素 resumeBefore: function() {} # 继续前回调 resumeAfter: function() {} # 继续后回调 @author i@wange.im @url https://github.com/wange1228/marquee-slide @blog http://wange.im @version 0.4.3 ***/
demo地址:http://wange.im/demo/marquee-slide/marquee_slide.html
滚动区域:div内容为ul li如下:
<div id="wrap1" class="wrap"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </div> <script type="text/javascript"> $(function() { $('#wrap1').marquee(); }) </script>
如果滚动区域内容是div:
<div id="wrap2" class="wrap"> <div class="ul"> <div class="li">1</div> <div class="li">2</div> <div class="li">3</div> <div class="li">4</div> <div class="li">5</div> <div class="li">6</div> <div class="li">7</div> <div class="li">8</div> <div class="li">9</div> </div> </div> <script type="text/javascript"> $(function() { $('#wrap2').marquee(); }) </script>
相关推荐
jquery多功能插件支持无缝图片滚动,选项卡切换,焦点图片切换,点击弹出层等
93. 基于jQuery的横向无缝图片滚动插件jcarousel 94. 实用jquery焦点图源码2 95. 常用jQuery新闻焦点图片切换效果插件 96. 强大jQuery实现3D文字三维旋转效果代码下载 97. 很帅的jquery焦点图切换源码可用于...
93. 基于jQuery的横向无缝图片滚动插件jcarousel 94. 实用jquery焦点图源码2 95. 常用jQuery新闻焦点图片切换效果插件 96. 强大jQuery实现3D文字三维旋转效果代码下载 97. 很帅的jquery焦点图切换源码可用于产品...
1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与...93. 基于jQuery的横向无缝图片滚动插件jcarousel **** …… …… …… 很多很多
93. 基于jQuery的横向无缝图片滚动插件jcarousel 94. 实用jquery焦点图源码2 95. 常用jQuery新闻焦点图片切换效果插件 96. 强大jQuery实现3D文字三维旋转效果代码下载 97. 很帅的jquery焦点图切换源码可用于产品...
分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误输入提示效果 15.简单jQuery+CSS实现验证表单红色提示效果 16.简单表单input输入框提示插件1.0下载 17.另种效果的jQuery EasyValidator表单验证插件...
笔者当初为了学习JAVA,收集了很多经典源码,源码难易程度分为初级、中级、高级等,详情看源码列表,需要的可以直接下载! 这些源码反映了那时那景笔者对未来的盲目,对代码的热情、执着,对IT的憧憬、向往!此时此...
2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性...