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

更新時間：2014年04月03日 09:42:45 作者：

這篇文章主要介紹了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
    });
});

您可能感興趣的文章:

相關(guān)文章

jQuery異步提交表單的兩種方式
這篇文章主要為大家詳細介紹了jQuery異步提交表單的兩種方式,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
jQuery實現(xiàn)橫向帶緩沖的水平運動效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)橫向帶緩沖的水平運動效果,涉及jQuery中鼠標事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-01-01
jQuery + Flex 通過拖拽方式動態(tài)改變圖片的代碼
功能終于告一段落了，實現(xiàn)了預期的功能。遇到了一個小麻煩，js 會把某些變量（如果你是通過對象的方式傳遞的，將在傳遞之后丟失類型信息，后面*號部分）
2011-08-08
jQuery實現(xiàn)信息提示框(帶有圓角框與動畫)效果
這篇文章主要介紹了jQuery實現(xiàn)信息提示框效果,帶有圓角框與動畫功能,點擊上面按鈕實現(xiàn)對應文字的漸變顯示效果,非常具有實用價值,需要的朋友可以參考下
2015-08-08
jQuery Easyui快速入門教程
jQuery EasyUI是一組基于JQuery的UI插件集合，而JQueryEasyUI的目標就是幫助開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面，下面小編帶領(lǐng)大家一起學習jquery easyui入門知識，一起看看吧
2016-08-08
innerHTML與jquery里的html()區(qū)別介紹
我原本一直以為innerHTML和jquery里的html其實是完全一樣的，jquery是多此一舉了，直到我遇到一次問題
2012-10-10
jQuery實現(xiàn)下拉菜單滑動效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)下拉菜單滑動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
詳解easyui基于 layui.laydate日期擴展組件
這篇文章主要介紹了詳解easyui基于 layui.laydate日期擴展組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
jQuery移動和復制dom節(jié)點實用DOM操作案例
復制節(jié)點也是常用的DOM操作之一，例如很多購物網(wǎng)站的效果,本文將介紹jQuery移動和復制dom節(jié)點等實用DOM操作，有需的朋友可以參考下
2012-12-12
jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法
這篇文章主要介紹了jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法,通過簡單的jquery頁面元素樣式操作實現(xiàn)展開與合攏面板的功能,非常簡單實用,需要的朋友可以參考下
2015-09-09