網友嘿嘿分享一款超酷的圖片輪播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>
本文由用戶 dengjianbin 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!