基于Jquery代码实现支持PC端手机端幻灯片代码
2015-11-17 00:00
701 查看
分享一款支持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可定制的在线UEditor编辑器
- Jquery 垂直多级手风琴菜单附源码下载
- jquery获得option的值和对option进行操作
- 四、jQuery中的动画
- 失眠害死人-jQuery&AJAX
- 2015.11.16JQuery 隐藏,显示按钮.
- jQuery
- Jquery插件-Html5图片上传并裁剪
- jQuery
- 有关于jQuery load方法在IE Chrome无法加载问题
- JqueryMobile初体验
- 程序员都会的 35 个 jQuery 小技巧
- SeaJS,require加载Jquery总是为null
- jquery ajax参数详解
- jquery 使用方法
- jquery 自制广告轮播小插件
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- jquery 使用方法(转载)
- .net之jquery操作gridview中的数据
- JQuery实现“还能输入多少个字”