基于Jquery代码实现支持PC端手机端幻灯片代码

更新时间：2015年11月17日 15:49:33 投稿：mrr

支持PC端手机端幻灯片代码是一款支持移动触摸，支持鼠标拖拽切换，支持带进度条的自动播放模式，本文给大家分享一款基于jquery代码实现支持pc端手机端幻灯片代码，感兴趣的朋友一起学习吧

分享一款支持PC端手机端幻灯片代码是一款支持移动触摸，支持鼠标拖拽切换，支持带进度条的自动播放模式。交果图如下：

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>

您可能感兴趣的文章:

纯jquery实现模仿淘宝购物车结算
在淘宝购物，需要把商品加入购车，其中包含全选、单选金额改变，当增加商品时金额也会相应的发生变化，下面通过本文给大家分享纯jquery实现模仿淘宝购物车结算，需要的朋友可以参考下
2015-08-08
Jquery实现图片放大镜效果的思路及代码(自写)
放大镜类的文章网上有很多，由于实现起来比较麻烦，所以自己写了一个，下面为大家分享下具体的算法及实现代码，感兴趣的朋友可以参考下
2013-10-10
利用jQuery实现可输入搜索文字的下拉框
jQuery实现点击下拉框输入框时，自动显示下面的下拉列表，而且是根据输入框中输入的搜索添加，自动在后台查找，然后传到前台，展现页面
2013-10-10
jQuery实现form表单reset按钮重置清空表单功能
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单,这种功能大家可能都希望实现吧，接下来为您详细介绍，需要了解的朋友参考下
2012-12-12
浅谈jQuery框架Ajax常用选项
下面小编就为大家带来一篇浅谈jQuery框架Ajax常用选项。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
jQuery对话框插件ArtDialog在双击遮罩层时出现关闭现象的解决方法
这篇文章主要介绍了jQuery对话框插件ArtDialog在双击遮罩层时出现关闭现象的解决方法,涉及针对插件源码的修改,需要的朋友可以参考下
2016-08-08
jQuery UI 应用不同Theme的办法
jQuery UI是一套非常好用的jQuery Tools库，目前已经发布的最新版本是1.8.4。在我自己的使用过程中，总有一些不爽。因为我下载的那个包里默认的主题样式是下图这样的，使用起来很难和具体的网页风格去配合。
2010-09-09
jQuery 学习入门篇附实例代码
这篇文章比较不错，更重要的是一些实例代码，对于想学习jquery的朋友是个不错的资料。
2010-03-03
jQuery通用的全局遍历方法$.each()用法实例
这篇文章主要介绍了jQuery通用的全局遍历方法$.each()用法,结合实例形式分析了$.each()方法实现遍历功能的相关技巧,需要的朋友可以参考下
2016-07-07
jQuery中ajax的load()方法用法实例
这篇文章主要介绍了jQuery中ajax的load()方法用法,以实例形式较为详细的分析了load()方法的功能、参数及使用技巧,是非常实用的技巧,需要的朋友可以参考下
2014-12-12