你的位置:首页 > 软件开发 > Java > 适合移动手机使用的jQuery幻灯片插件

适合移动手机使用的jQuery幻灯片插件

发布时间:2015-10-10 10:00:27
jflex是一款小巧的适合移动手机使用的jQuery幻灯片插件。该幻灯片插件支持移动触摸,支持鼠标拖拽切换,还支持带进度条的自动播放模式。它是否的小球,使用非常简单。在线预览 源码下载 使用方法使用该幻灯片插件需要引入jQuery,jflex.min.j ...

适合移动手机使用的jQuery幻灯片插件

jflex是一款小巧的适合移动手机使用的jQuery幻灯片插件。该幻灯片插件支持移动触摸,支持鼠标拖拽切换,还支持带进度条的自动播放模式。它是否的小球,使用非常简单。

适合移动手机使用的jQuery幻灯片插件

在线预览    源码下载

 使用方法

使用该幻灯片插件需要引入jQuery,jflex.min.js和jflex.min.css文件。

1
 HTML结构

该幻灯片使用无序列表的HTML结构,每一个<li>元素是幻灯片的一个slide。你可以通过设置<li>元素的data-title属性来设置幻灯片图片的标题。

1
 初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该幻灯片插件。

1

也可以在初始化的时候插入一些配置参数:

1

 配置参数

  • autoplay:是否自动播放幻灯片。
  • fx:幻灯片的slide元素。
  • timing:幻灯片自动切换的时间。单位毫秒,默认值5000。
  • titles:幻灯片标签导航的位置。可选值:bottom, top。

 浏览器兼容

  • Android 4.1+
  • Chrome 31+
  • Firefox 38+
  • IE 9+
  • Opera 30+

via:http://www.w2bc.com/article/jquery-mobile-focus-jflex


原标题:适合移动手机使用的jQuery幻灯片插件

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录