冠富商务通中文社区

标题: 超简洁的响应式幻灯 - unslider [打印本页]

作者: xiong 时间: 2017-10-3 14:59
标题: 超简洁的响应式幻灯 - unslider

Unslider是一款超迷你的响应式幻灯，如果你需要找到一款纯粹的幻灯插件的话。unslider就是你的不错选择，支持响应式，并且支持触摸设备。没有多余的功能，纯粹的幻灯实现。主要特性：

如何使用？
导入类库：

<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（）;
}）;

欢迎光临冠富商务通中文社区 (http://gu1vhwx.nat.ipyingshe.com/news/)