作家
登录

基于jQuery图片平滑连续滚动插件

作者: 来源:www.28hudong.com 2013-03-30 02:38:50 阅读 我要评论

* 此插件要求运行在jQuery v1.3 或更高版本上 * 插件可以实现图片平滑向上或向左滚动 * 如果您需要更多的效果或在使用中本插件存在BUG,可以给在彦磊的博客上留言,彦磊将尽自己最大努力完善此插件 * 您留言前请先到:http://gmarwaha.com/jquery/jcarousellite/ 上面下载jcarousellite插件  * 来和彦磊图片平滑滚动的插件相互补充使用以获取更多的图片效果 * 彦磊图片平滑滚动插件只是对jcarousellite插件的补充 * * * 技术支持:HTTP://HI.BAIDU.COM/DPXDQX * 此为自由拷贝版本,您可以在此基础上添加任何功能 * 彦磊建议您将修改过的版本或发布地址发到彦磊博客上以共享,也建议您保留部分彦磊的信息 * * * 此插件没有象jcarousellite插件样对相关元素的CSS全自动设置,部分CSS样式需要您为设置 * 原因很简单:您需要考虑部分用户的浏览器不支持JAVASCRIPT或相关功能被禁用 * 您需要让您的页面元素布局在此时也能显示正确,因此必要的CSS设置还需要您自己来做。 * * 使用前您一定要引入jQurey及本脚本,如 * <script type="text/javascript" src="js/jquery_last.js"></script> * <script type="text/javascript" src="js/YlMarquee.js"> * 使用方法: * * 1、为您要设置滚动的对象设置容器,并命名class,如class="ylMarquee" * 2、将您要滚动的对象置入<ul></ul>中,并添加li标签,li标签中可以是图片、文字或表格…… * 3、此版本需要您设置每个li列表的宽度或高度一至 * <div class="ylMarquee"> * <ul> * <li><img src="image/1.jpg" alt="1"></li> * <li><img src="image/2.jpg" alt="2"></li> * <li><img src="image/3.jpg" alt="3"></li> * </ul> * </div> * 4、设置ylMarquee的height或width样式——向上滚动必须设置height的大小,向左滚动必须设置width的大小,否则页面将显示不正常。 * 5、在页面中添加jQuery语句,调用此插件,并对相关参数进行设置,如: * <script type="text/javascript"> * $(document).ready(function(){ * $(".stroll").jMarquee({ * visible:3, * step:1, * direction:"left" * }); *}); * </script> * 6、插件相关参数: * visible:页面可见元素(图片)个数,默认为1,必须参数。 * step:滚动步长,整数,默认为1,增大此数可加快滚动速度,设为0,则不进行滚动。 * direction:滚动方向,有"left"(向左滚动)和"up"(向上滚动)两个参数,注意设置时一定要加英文的双引("")号或单引号('')。 */ 演示地址:http://img.jb51.net/online/jquery_pic/jquery_pic.htm下载地址 http://img.jb51.net/online/jquery_pic/jquery_pic_files/YlMarquee.js

  推荐阅读

  JavaScript 使用技巧精萃(.net html

(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')"); 2. linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');"; 3. private void g>>>详细阅读


本文标题:基于jQuery图片平滑连续滚动插件

地址:http://www.17bianji.com/kaifa2/JS/28789.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)