超简洁的响应式幻灯 - unslider

在线演示

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

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!