AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jquery幻灯片代码,jquery移动端幻灯片,jquery手机端幻灯片

分享一款支持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移动端幻灯片,jquery手机端幻灯片  
上一篇:JS实现选项卡实例详解  下一篇:举例说明如何为JavaScript的方法参数设置默认值