超简洁的响应式幻灯 - unslider
日期:2013-3-22 来源:GBin1.com
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幻灯插件: Really Simple Slideshow
via 极客社区
欢迎访问GBin1.com
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步