基于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的写法基础分析
Jan 17 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
Nov 25 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
vue 利用路由守卫判断是否登录的方法
Sep 29 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
vue实现拖拽效果
Dec 23 Javascript
举例说明如何为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)
2010/09/04 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
基本DOM节点操作
2017/01/17 Javascript
js数组常用最重要的方法
2018/02/04 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
python 切片和range()用法说明
2013/03/24 Python
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
详解Python3的TFTP文件传输
2018/06/26 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
大四自我鉴定范文
2013/10/06 职场文书
安全资金保障制度
2014/01/23 职场文书
《青海高原一株柳》教学反思
2014/04/25 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android