网站建设 iis7站长之家

新闻详细 当前位置:首页 > 资源分享 >

超简洁的响应式幻灯 - unslider

来源:尚品网络 发布时间:2014-02-17 17:36

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

  • 支持不同浏览器
  • 支持键盘导航支持
  • 自动修改图片高度
  • 支持响应式
  • 如果需要支持触摸设备的话,可以使用jQuery.event.swipe插件

如何使用?

导入类库:

<script src=/ziyuanfenxiang/2014/0217/“http_/code.jquery.com/jquery-latest.min.js”></script>_/p/index.html>

<script src=/ziyuanfenxiang/2014/0217/“http_/unslider.com/unslider.js”></script>_/p/index.html>

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();

});



上一篇:设计师一秒变程序员,细数国内“按钮”化产品 下一篇:HTML5中的Article和Section元素
首页 | 走近我们 | 新闻资讯 | 服务项目 | 联系我们 | 返回顶部
Copyright www.baidu0771.com (复制链接) 桂林尚品网络科技有限公司专业桂林微信营销,桂林百度优化,桂林网站推广等产品,欢迎咨询.
工作时间 WORK TIME: AM 9:00 - PM 6:00
E-mail:1418425547@qq.com
地址:三里店大圆盘国贸大厦7栋1单元1-7-4