基于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代码实现支持PC端手机端幻灯片代码 的全部内容, 来源链接: utcz.com/z/325678.html

回到顶部