快捷導(dǎo)航

基于Jquery代碼實(shí)現(xiàn)支持PC端手機(jī)端幻燈片代碼

更新時(shí)間：2015年11月17日 15:49:33 投稿：mrr

支持PC端手機(jī)端幻燈片代碼是一款支持移動(dòng)觸摸，支持鼠標(biāo)拖拽切換，支持帶進(jìn)度條的自動(dòng)播放模式，本文給大家分享一款基于jquery代碼實(shí)現(xiàn)支持pc端手機(jī)端幻燈片代碼，感興趣的朋友一起學(xué)習(xí)吧

分享一款支持PC端手機(jī)端幻燈片代碼是一款支持移動(dòng)觸摸，支持鼠標(biāo)拖拽切換，支持帶進(jìn)度條的自動(dòng)播放模式。交果圖如下：

效果演示源碼下載

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)文章

jQuery帶控制按鈕輪播圖插件
這篇文章主要為大家詳細(xì)介紹了jQuery帶控制按鈕輪播圖插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
jQuery學(xué)習(xí)筆記之jQuery的動(dòng)畫
jQuery學(xué)習(xí)筆記之jQuery的動(dòng)畫，需要的朋友可以參考下。
2010-12-12
一個(gè)可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件
此文將實(shí)現(xiàn)一個(gè)的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。
2010-07-07
jQuery中需要注意的細(xì)節(jié)問(wèn)題小結(jié)
jQuery中需要注意的細(xì)節(jié)問(wèn)題小結(jié)，使用jquery的朋友可以參考下。
2011-12-12
QQ空間頂部折頁(yè)撕開效果示例代碼
QQ空間頂部折頁(yè)撕開效果想必大家都有看到過(guò)吧，那么它是怎么實(shí)現(xiàn)的呢？下面與大家分享下
2014-06-06
通過(guò)jQuery源碼學(xué)習(xí)javascript(一)
最近在做日志統(tǒng)計(jì)程序，發(fā)現(xiàn)對(duì)方的程序是在Jquery基礎(chǔ)上進(jìn)行開發(fā)的，而公司的網(wǎng)站的框架是prototype。而且我也早就想了解一下Jquery源碼，故決定研究Jquery源碼，模擬它的方法
2012-12-12
jquery控制頁(yè)面的展開和隱藏實(shí)現(xiàn)方法(推薦)
下面小編就為大家?guī)?lái)一篇jquery控制頁(yè)面的展開和隱藏實(shí)現(xiàn)方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
使用jQuery全局事件ajaxStart為特定請(qǐng)求實(shí)現(xiàn)提示效果的代碼
首先，重寫Ajax方法的代價(jià)太高，仍然可以利用jQuery自身的Ajax Events。
2010-12-12
jquery 按鍵盤上的enter事件
系統(tǒng)默認(rèn)情況下，使用Tab按鍵切換頁(yè)面元素的焦點(diǎn)，有沒有想過(guò)回車鍵Enter也可以實(shí)現(xiàn)這種功能，并且具有良好的用戶體驗(yàn)
2014-05-05
鋒利的jQuery 要點(diǎn)歸納（三） jQuery中的事件和動(dòng)畫（下：動(dòng)畫篇）
《鋒利的jQuery》要點(diǎn)歸納（三） jQuery中的事件和動(dòng)畫（下：動(dòng)畫篇）
2010-03-03