萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片

jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片

 這篇文章主要介紹了jquery圖片輪播插件,仿支付寶2013版全屏圖片幻燈片功能,需要的朋友可以參考下

jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片淡出淡進切換效果,在自己的頁面裡一定要引入jquery   代碼如下: <div class="flexslider">     <ul class="slides">         <li style="background:url(images/img1.jpg) 50% 0 no-repeat;"></li>         <li style="background:url(images/img2.jpg) 50% 0 no-repeat;"></li>         <li style="background:url(images/img3.jpg) 50% 0 no-repeat;"></li>         <li style="background:url(images/img4.jpg) 50% 0 no-repeat;"></li>         <li style="background:url(images/img5.jpg) 50% 0 no-repeat;"></li>     </ul> </div>     JavaScript代碼     代碼如下: $(document).ready(function(){     $('.flexslider').flexslider({         directionNav: true,         pauseOnAction: false     }); });    
copyright © 萬盛學電腦網 all rights reserved