导航首页 » 技术教程 » 基于Jquery代码实现支持PC端手机端幻灯片代码
全站头部文字 我要出现在这里
基于Jquery代码实现支持PC端手机端幻灯片代码 319 2024-03-21   

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

查看图片

效果演示 源码下载

html代码:

<div class="flex">
    <ul class="slides">
      <li data-title="Slide 1">
        <img alt="" src="http://www.gimoo.net/t/1904/img/beasts_feature.jpg">
      </li>
      <li data-title="Slide 2">
        <img alt="" src="http://www.gimoo.net/t/1904/img/element-taiwan-thmb.jpg">
      </li>
      <li data-title="Slide 3">
        <img alt="" src="http://www.gimoo.net/t/1904/img/streets-newyork.jpg">
      </li>
    </ul>
  </div>
  <script src="http://www.gimoo.net/t/1904/js/jquery-2.1.1.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="http://www.gimoo.net/t/1904/js/jflex.min.js"></script>
  <script type="text/javascript">
    $('.flex').jFlex({
      autoplay: true
    });
  </script>


!!!站长长期在线接!!!

网站、小程序:定制开发/二次开发/仿制开发等

各种疑难杂症解决/定制接口/定制采集等

站长微信:lxwl520520

站长QQ:1737366103