<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 類網(wǎng)頁微信二維碼圖塊滾動效果具體實現(xiàn)
網(wǎng)頁微信二維碼圖塊滾動效果想必大家都有見到過吧，在接下來的文章中將為大家詳細(xì)介紹下使用Jquery是如何實現(xiàn)，感興趣的朋友可以參考下
2013-10-10
jQuery實現(xiàn)給頁面換膚的方法
這篇文章主要介紹了jQuery實現(xiàn)給頁面換膚的方法,涉及jQuery頁面元素的選擇與樣式的操作,需要的朋友可以參考下
2015-05-05
使用jQuery輕松實現(xiàn)Ajax的實例代碼
在Asp.Net的MVC架構(gòu)中使用jQuery是一件很容易的事情，而使用jQuery實現(xiàn)Ajax更加簡單。
2010-08-08
jquery插入兄弟節(jié)點(diǎn)的操作方法
下面小編就為大家?guī)硪黄猨query插入兄弟節(jié)點(diǎn)的操作方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
Jquery AJAX POST與GET之間的區(qū)別詳細(xì)介紹
這篇文章主要介紹了Jquery AJAX POST與GET之間的區(qū)別詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-10-10
jQuery實現(xiàn)微信長按識別二維碼功能
這篇文章主要介紹了jQuery實現(xiàn)微信長按識別二維碼的功能，非常不錯，具有參考借鑒價值，對jquery長按識別二維碼的相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2016-08-08
jquery平滑滾動到頂部插件使用詳解
這篇文章主要為大家詳細(xì)介紹了基于jquery平滑滾動到頂部插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
jQuery實現(xiàn)的省市縣三級聯(lián)動菜單效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)的省市縣三級聯(lián)動菜單效果,結(jié)合完整實例形式分析了jQuery數(shù)組操作及事件響應(yīng)的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下
2016-08-08
jQuery EasyUI 開源插件套裝完全替代ExtJS
JQuery愛好者們的福音 jQuery EasyUI 開源插件套裝完全替代ExtJS(引用)
2010-03-03
jQuery的.live()和.die() 使用介紹
很多開發(fā)者都知道jQuery的.live()方法，他們大部分知道這個函數(shù)做什么，但是并不知道是怎么實現(xiàn)的，所以用的并不那么舒適。而且他們卻從未聽過還有解除綁定的.live()事件的.die()方法。即使你熟悉這些，但是你意識到.die()了嗎？
2011-09-09