基于Jquery代碼實現(xiàn)支持PC端手機端幻燈片代碼
更新時間：2015年11月17日 15:49:33 投稿：mrr
支持PC端手機端幻燈片代碼是一款支持移動觸摸，支持鼠標(biāo)拖拽切換，支持帶進度條的自動播放模式，本文給大家分享一款基于jquery代碼實現(xiàn)支持pc端手機端幻燈片代碼，感興趣的朋友一起學(xué)習(xí)吧
分享一款支持PC端手機端幻燈片代碼是一款支持移動觸摸，支持鼠標(biāo)拖拽切換，支持帶進度條的自動播放模式。交果圖如下 ：
html代碼：
<div class="flex">
<ul class="slides">
<li data-title="Slide 1">
<img alt="" src="img/beasts_feature.jpg">
</li>
<li data-title="Slide 2">
<img alt="" src="img/element-taiwan-thmb.jpg">
</li>
<li data-title="Slide 3">
<img alt="" src="img/streets-newyork.jpg">
</li>
</ul>
</div>
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jflex.min.js"></script>
<script type="text/javascript">
$('.flex').jFlex({
autoplay: true
});
</script>
相關(guān)文章
在淘寶購物，需要把商品加入購車，其中包含全選、單選金額改變，當(dāng)增加商品時金額也會相應(yīng)的發(fā)生變化，下面通過本文給大家分享純jquery實現(xiàn)模仿淘寶購物車結(jié)算，需要的朋友可以參考下2015-08-08
Jquery實現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網(wǎng)上有很多，由于實現(xiàn)起來比較麻煩，所以自己寫了一個，下面為大家分享下具體的算法及實現(xiàn)代碼，感興趣的朋友可以參考下2013-10-10
jQuery實現(xiàn)點擊下拉框輸入框時，自動顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動在后臺查找，然后傳到前臺，展現(xiàn)頁面2013-10-10
jQuery實現(xiàn)form表單reset按鈕重置清空表單功能
有時候可能需要實現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單,這種功能大家可能都希望實現(xiàn)吧，接下來為您詳細介紹，需要了解的朋友參考下2012-12-12
下面小編就為大家?guī)硪黄獪\談jQuery框架Ajax常用選項。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法
這篇文章主要介紹了jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法,涉及針對插件源碼的修改,需要的朋友可以參考下2016-08-08
jQuery UI是一套非常好用的jQuery Tools庫，目前已經(jīng)發(fā)布的最新版本是1.8.4。在我自己的使用過程中，總有一些不爽。因為我下載的那個包里默認的主題樣式是下圖這樣的，使用起來很難和具體的網(wǎng)頁風(fēng)格去配合。2010-09-09
這篇文章比較不錯，更重要的是一些實例代碼，對于想學(xué)習(xí)jquery的朋友是個不錯的資料。2010-03-03
這篇文章主要介紹了jQuery通用的全局遍歷方法$.each()用法,結(jié)合實例形式分析了$.each()方法實現(xiàn)遍歷功能的相關(guān)技巧,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery中ajax的load()方法用法,以實例形式較為詳細的分析了load()方法的功能、參數(shù)及使用技巧,是非常實用的技巧,需要的朋友可以參考下2014-12-12