欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于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實(shí)現(xiàn)模仿淘寶購(gòu)物車(chē)結(jié)算

    純jquery實(shí)現(xiàn)模仿淘寶購(gòu)物車(chē)結(jié)算

    在淘寶購(gòu)物，需要把商品加入購(gòu)車(chē)，其中包含全選、單選金額改變，當(dāng)增加商品時(shí)金額也會(huì)相應(yīng)的發(fā)生變化，下面通過(guò)本文給大家分享純jquery實(shí)現(xiàn)模仿淘寶購(gòu)物車(chē)結(jié)算，需要的朋友可以參考下
    2015-08-08
  • Jquery實(shí)現(xiàn)圖片放大鏡效果的思路及代碼(自寫(xiě))

    Jquery實(shí)現(xiàn)圖片放大鏡效果的思路及代碼(自寫(xiě))

    放大鏡類(lèi)的文章網(wǎng)上有很多，由于實(shí)現(xiàn)起來(lái)比較麻煩，所以自己寫(xiě)了一個(gè)，下面為大家分享下具體的算法及實(shí)現(xiàn)代碼，感興趣的朋友可以參考下
    2013-10-10
  • 利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框

    利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框

    jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí)，自動(dòng)顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動(dòng)在后臺(tái)查找，然后傳到前臺(tái)，展現(xiàn)頁(yè)面
    2013-10-10
  • jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能

    jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能

    有時(shí)候可能需要實(shí)現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單,這種功能大家可能都希望實(shí)現(xiàn)吧，接下來(lái)為您詳細(xì)介紹，需要了解的朋友參考下
    2012-12-12
  • 淺談jQuery框架Ajax常用選項(xiàng)

    淺談jQuery框架Ajax常用選項(xiàng)

    下面小編就為大家?guī)?lái)一篇淺談jQuery框架Ajax常用選項(xiàng)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法

    jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法

    這篇文章主要介紹了jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法,涉及針對(duì)插件源碼的修改,需要的朋友可以參考下
    2016-08-08
  • jQuery UI 應(yīng)用不同Theme的辦法

    jQuery UI 應(yīng)用不同Theme的辦法

    jQuery UI是一套非常好用的jQuery Tools庫(kù)，目前已經(jīng)發(fā)布的最新版本是1.8.4。在我自己的使用過(guò)程中，總有一些不爽。因?yàn)槲蚁螺d的那個(gè)包里默認(rèn)的主題樣式是下圖這樣的，使用起來(lái)很難和具體的網(wǎng)頁(yè)風(fēng)格去配合。
    2010-09-09
  • jQuery 學(xué)習(xí)入門(mén)篇附實(shí)例代碼

    jQuery 學(xué)習(xí)入門(mén)篇附實(shí)例代碼

    這篇文章比較不錯(cuò)，更重要的是一些實(shí)例代碼，對(duì)于想學(xué)習(xí)jquery的朋友是個(gè)不錯(cuò)的資料。
    2010-03-03
  • jQuery通用的全局遍歷方法$.each()用法實(shí)例

    jQuery通用的全局遍歷方法$.each()用法實(shí)例

    這篇文章主要介紹了jQuery通用的全局遍歷方法$.each()用法,結(jié)合實(shí)例形式分析了$.each()方法實(shí)現(xiàn)遍歷功能的相關(guān)技巧,需要的朋友可以參考下
    2016-07-07
  • jQuery中ajax的load()方法用法實(shí)例

    jQuery中ajax的load()方法用法實(shí)例

    這篇文章主要介紹了jQuery中ajax的load()方法用法,以實(shí)例形式較為詳細(xì)的分析了load()方法的功能、參數(shù)及使用技巧,是非常實(shí)用的技巧,需要的朋友可以參考下
    2014-12-12

最新評(píng)論