超简洁的响应式幻灯 - unslider

jjfat 12年前

响应式幻灯

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

 

来源:超简洁的响应式幻灯 - unslider