源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-12-30 08:30 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于Jquery代码实现支持PC端手机端幻灯片代码
分享一款支持PC端手机端幻灯片代码是一款支持移动触摸,支持鼠标拖拽切换,支持带进度条的自动播放模式。交果图如下 : [img]http://files.jb51.net/file_images/article/201511/20151117154031947.png?20151017154045[/img] [b][url=http://demo.jb51.net/js/2015/2015-11-17-jquery-mobile-slide]效果演示[/url]        [url=http://xiazai.jb51.net/201509/yuanma/2015-11-17-jquery-mobile-slide(jb51.net).rar]源码下载[/url][/b] 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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部