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


Posted in Javascript onNovember 17, 2015

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

基于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>
Javascript 相关文章推荐
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
js canvas实现简单的图像扩散效果
Jun 28 Javascript
vue 开发一个按钮组件的示例代码
Mar 27 Javascript
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
js/jQuery实现全选效果
Jun 17 jQuery
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 #Javascript
Jquery easyui 实现动态树
Nov 17 #Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 #Javascript
实例代码讲解jquery easyui动态tab页
Nov 17 #Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 #Javascript
基于Jquery easyui 选中特定的tab
Nov 17 #Javascript
jquery实现简单的表单验证
Nov 17 #Javascript
You might like
php empty函数 使用说明
2009/08/10 PHP
php ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
JSP基于Bootstrap分页显示实例解析
2016/06/12 Javascript
浅析jQuery 3.0中的Data
2016/06/14 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
js装饰设计模式学习心得
2018/02/17 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
2020/02/14 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
python中二维阵列的变换实例
2014/10/09 Python
Python模拟三级菜单效果
2017/09/11 Python
Python实现进程同步和通信的方法
2018/01/02 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python requests抓取one推送文字和图片代码实例
2019/11/04 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
美国批发供应商:Kole Imports
2019/04/10 全球购物
初三化学教学反思
2014/01/23 职场文书
资源工程专业毕业生求职信
2014/02/27 职场文书
个人课题方案
2014/05/08 职场文书
应届大学生自荐书
2014/06/17 职场文书
六查六看自查报告
2014/10/14 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL