基于Jquery代碼實現(xiàn)支持PC端手機(jī)端幻燈片代碼
更新時間：2015年11月17日 15:49:33 投稿：mrr
支持PC端手機(jī)端幻燈片代碼是一款支持移動觸摸，支持鼠標(biāo)拖拽切換，支持帶進(jìn)度條的自動播放模式，本文給大家分享一款基于jquery代碼實現(xiàn)支持pc端手機(jī)端幻燈片代碼，感興趣的朋友一起學(xué)習(xí)吧
分享一款支持PC端手機(jī)端幻燈片代碼是一款支持移動觸摸，支持鼠標(biāo)拖拽切換，支持帶進(jìn)度條的自動播放模式。交果圖如下 ：
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)文章
這篇文章主要為大家詳細(xì)介紹了jQuery帶控制按鈕輪播圖插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
jQuery學(xué)習(xí)筆記之jQuery的動畫，需要的朋友可以參考下。2010-12-12
一個可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件
此文將實現(xiàn)一個的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。2010-07-07
jQuery中需要注意的細(xì)節(jié)問題小結(jié)
jQuery中需要注意的細(xì)節(jié)問題小結(jié)，使用jquery的朋友可以參考下。2011-12-12
QQ空間頂部折頁撕開效果想必大家都有看到過吧，那么它是怎么實現(xiàn)的呢？下面與大家分享下2014-06-06
通過jQuery源碼學(xué)習(xí)javascript(一)
最近在做日志統(tǒng)計程序，發(fā)現(xiàn)對方的程序是在Jquery基礎(chǔ)上進(jìn)行開發(fā)的，而公司的網(wǎng)站的框架是prototype。而且我也早就想了解一下Jquery源碼，故決定研究Jquery源碼，模擬它的方法2012-12-12
jquery控制頁面的展開和隱藏實現(xiàn)方法(推薦)
下面小編就為大家?guī)硪黄猨query控制頁面的展開和隱藏實現(xiàn)方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
使用jQuery全局事件ajaxStart為特定請求實現(xiàn)提示效果的代碼
首先，重寫Ajax方法的代價太高，仍然可以利用jQuery自身的Ajax Events。2010-12-12
系統(tǒng)默認(rèn)情況下，使用Tab按鍵切換頁面元素的焦點，有沒有想過回車鍵Enter也可以實現(xiàn)這種功能，并且具有良好的用戶體驗2014-05-05
鋒利的jQuery 要點歸納（三） jQuery中的事件和動畫（下：動畫篇）
《鋒利的jQuery》要點歸納（三） jQuery中的事件和動畫（下：動畫篇）2010-03-03