快捷導(dǎo)航

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

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

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

jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片淡出淡進(jìn)切換效果,在自己的頁(yè)面里一定要引入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代碼

復(fù)制代碼代碼如下:

$(document).ready(function(){
    $('.flexslider').flexslider({
        directionNav: true,
        pauseOnAction: false
    });
});

您可能感興趣的文章:

相關(guān)文章

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