基于Jquery代码实现支持PC端手机端幻灯片代码
更新时间：2015年11月17日 15:49:33 投稿：mrr
支持PC端手机端幻灯片代码是一款支持移动触摸，支持鼠标拖拽切换，支持带进度条的自动播放模式，本文给大家分享一款基于jquery代码实现支持pc端手机端幻灯片代码，感兴趣的朋友一起学习吧
分享一款支持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带控制按钮轮播图插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
jQuery学习笔记之jQuery的动画，需要的朋友可以参考下。2010-12-12
此文将实现一个的jQuery表格插件jQuery.DataGrid。需要的朋友可以参考下。2010-07-07
jQuery中需要注意的细节问题小结，使用jquery的朋友可以参考下。2011-12-12
QQ空间顶部折页撕开效果想必大家都有看到过吧，那么它是怎么实现的呢？下面与大家分享下2014-06-06
最近在做日志统计程序，发现对方的程序是在Jquery基础上进行开发的，而公司的网站的框架是prototype。而且我也早就想了解一下Jquery源码，故决定研究Jquery源码，模拟它的方法2012-12-12
下面小编就为大家带来一篇jquery控制页面的展开和隐藏实现方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
首先，重写Ajax方法的代价太高，仍然可以利用jQuery自身的Ajax Events。2010-12-12
系统默认情况下，使用Tab按键切换页面元素的焦点，有没有想过回车键Enter也可以实现这种功能，并且具有良好的用户体验2014-05-05
锋利的jQuery 要点归纳（三） jQuery中的事件和动画（下：动画篇）
《锋利的jQuery》要点归纳（三） jQuery中的事件和动画（下：动画篇）2010-03-03
最新评论