代码介绍
YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件,该插件可以轻松实现图片或文字向左或向右滚动,可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低,兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。
演示截图
使用方法
引入文件
<script src="js/jquery.min.js"></script>
<script src="js/YLMarquee-1.1.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/YLMarquee-1.1.js"></script>
HTML
<div id="scroll">
<ul>
<li><img src="images/img1.jpg" alt="" /></li>
<li><img src="images/img2.jpg" alt="" /></li>
<li><img src="images/img3.jpg" alt="" /></li>
<li><img src="images/img4.jpg" alt="" /></li>
<li><img src="images/img5.jpg" alt="" /></li>
</ul>
</div>
<div id="scroll">
<ul>
<li><img src="images/img1.jpg" alt="" /></li>
<li><img src="images/img2.jpg" alt="" /></li>
<li><img src="images/img3.jpg" alt="" /></li>
<li><img src="images/img4.jpg" alt="" /></li>
<li><img src="images/img5.jpg" alt="" /></li>
</ul>
</div>
JavaScript
$("#scroll").YlMarquee({
visible : 2
});
$("#scroll").YlMarquee({
visible : 2
});
参数
参数 | 说明 |
---|---|
visible | 页面可见元素(图片)个数,默认为 3,必须参数 |
step | 滚动速度,整数,默认为 3,数值越大滚动速度越快;若为 0,则不滚动 |
vertical | 滚动方向,有”true”(向上滚动)和”false”(向左滚动)两个参数,默认为 false |
width | 容器的宽度,不指定则由插件自动计算并覆盖 CSS 样式中的宽度(建议设置为 CSS 的宽度) |
height | 容器的宽度,不指定则由插件自动计算并覆盖 CSS 样式中的高度(建议设置为 CSS 的高度) |
textMode | 文字模式(默认为图片模式),当滚动内容为文字时,请指定为 true |
代码介绍 一款通用的手机端商品购物车加减结算页面,红色的购物车手机页面模板html下载。 相关推荐: 网页特效:jQuery圆形转盘多级菜单代码特效介绍 jQuery基于json动态获取的圆形转盘菜单,可自行修改背景颜色及线条颜色,json数据绑定。json字…
关注微信公众号『OOINK』
第一时间了解最新资源动态关注OO.INK不迷路~
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 下载资源需要解压密码,解压密码是什么?
1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2、分享目的仅供大家学习和交流,请不要用于商业用途!
3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4、如有链接无法下载、失效或广告,请联系管理员处理!
5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
OO.INK资源网 » YLMarquee插件 jQuery图片文字无间断滚动
2、分享目的仅供大家学习和交流,请不要用于商业用途!
3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4、如有链接无法下载、失效或广告,请联系管理员处理!
5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
OO.INK资源网 » YLMarquee插件 jQuery图片文字无间断滚动