网友嘿嘿分享一款超酷的图片轮播Jquery插件
dengjianbin
12年前
首先谢谢网友嘿嘿的无私分享，此插件功能强大，可以活动配置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>