首页

关于

超简洁的响应式幻灯 - 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…

标签: 响应式幻灯, jquery, unslider, jquery插件

阅读更多

分享一个超棒的响应式幻灯jQuery插件 - refineslide

分享一个超棒的响应式幻灯jQuery插件 - refineslide

在线演示  本地下载

jQuery的幻灯插件我们介绍过很多了,不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助你创建超酷的幻灯效果。

主要特性

  • 支持各种过渡效果
  • 支持响应式的展示方式,支持移动设备展示
  • CSS过渡和3D变化
  • 支持javascript的fallback兼容方式
  • 自动格式化响应式的缩略图
  • 支持IE7+
  • 支持HTML的幻灯说明文字
  • 浏览器硬件加速
  • 免费使用并且可以随意改动
  • 简单,语义的标签支持
  • 轻量级12minified
  • API文档完整
  • 支持自动播放,并且拥有丰富的callback方法

如何使用

倒入jQuery和插件类库:

<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.refineslide.min.js"></script>

添加标签:

<ul…

标签: slider, jquery幻灯, 响应式幻灯, jquery响应式幻灯, jquery slider, refineslide

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.