基于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>
相关推荐
80437916 2020-05-11
VanTYS 2020-05-07
山水一方 2020-02-03
zhangpeng 2014-01-10
yFifhting 2014-01-16
小肖 2016-12-26
82413161 2017-09-02
89384498 2016-12-20
80236832 2016-03-19
combine 2015-08-17
chenyanyan 2013-06-14
luohnoyo 2013-02-05
嵌入式企鹅圈 2012-04-10
youyoumo 2012-03-03
IT兄弟团 2019-06-30
CodeTerminator 2017-09-02
pplxh 2016-09-07