Welcome 微信登录

首页 / 脚本样式 / JavaScript / 基于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>