DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片
jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片
編輯:JQuery特效代碼     

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
    });
});


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved