在线演示
Unslider是一款超迷你的响应式幻灯,如果你需要找到一款纯粹的幻灯插件的话。unslider就是你的不错选择,支持响应式,并且支持触摸设备。没有多余的功能,纯粹的幻灯实现。主要特性:
- 支持不同浏览器
- 支持键盘导航支持
- 自动修改图片高度
- 支持响应式
- 如果需要支持触摸设备的话,可以使用jQuery.event.swipe插件
如何使用?
导入类库:
<script src=“http://code.jquery.com/jquery-latest.min.js”></script>
<script src=“http://unslider.com/unslider.js”></script>
HTML代码:
<div class=“banner”>
<ul>
<li>This is a slide.</li>
<li>This is another slide.</li>
<li>This is a final slide.</li>
</ul>
</div>
CSS代码:
.banner { position: relative; overflow: auto; }
.banner ul { list-style: none; }
Javascript:
$(function() {
$(‘.banner’).unslider();
});
其它相关的jQuery幻灯:
超棒的响应式幻灯jQuery插件- refineslide
超灵活的jQuery幻灯插件: Really Simple Slideshow
via 极客社区
来源:超简洁的响应式幻灯 - unslider (编辑:源码门户网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|