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

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

效果演示 源码下载
html代码：


<div class="flex"
文章正文

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

效果演示        源码下载

html代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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>
代码注释
上一篇js格式化货币数据实现代码下一篇php 伪造ip以及url来路信息方法汇总

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！