基于Jquery代码实现支持PC端手机端幻灯片代码
编程学习 2021-07-04 21:03www.dzhlxh.cn编程入门
支持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>