| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
dengjianbin
12年前发布

网友嘿嘿分享一款超酷的图片轮播Jquery插件

首先谢谢网友嘿嘿的无私分享,此插件功能强大,可以活动配置20多个参数,6种动画呈现效果,用的时候只要设置3个参数就可以实现功能强大的图片轮播效果,话不多说,先看效果
 
效果如下:

参数配置代码如下:
this.defaults = {   name: 'jquery-slider',   navigation: true,   selector: true,   timer: true,   control: true,   pauseOnClick: true,   pauseOnHover: true,   loop: true,   slideshow: true,   delay: 4500,   duration: 400,   bars: 9,   columns: 7,   rows: 3,   speed: 80,   padding: 8,   easing: "easeOutCubic",   transition: 'random',   onComplete: function() {},   onSlideshowEnd: function() {}  };
页面使用代码如下:
<script type="text/javascript">    jQuery(document).ready(function($) {      $(".slider").slideshow({        width      : 900,        height     : 325,        transition : 'bar'      });    });  </script>    <div class="slider">    <div> <img src="images/slide_1.jpg" alt=""/> </div>    <div> <img src="images/slide_2.jpg" alt=""/> </div>    <div> <img src="images/slide_3.jpg" alt=""/> </div>    <div> <img src="images/slide_4.jpg" alt=""/> </div>  </div>

项目主页:http://www.open-open.com/lib/view/home/1345169216912

 本文由用户 dengjianbin 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1345169216912.html
图片展示jQuery插件 jQuery插件