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

日期:2012-7-2  来源:GBin1.com

分享一个超棒的响应式幻灯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 class="rs-slider">
    <li><img src="img1.jpg" alt="" /></li>
    <li><img src="img2.jpg" alt="" /></li>
    <li><img src="img3.jpg" alt="" /></li>
</ul>

调用插件js:

<script>
    $(document).ready(function () {
        $('.rs-slider').refineSlide();
    });
</script>

搞定!请大家缩放屏幕查看响应式的幻灯效果或者使用这个响应式设计工具,如果需要查看不同的过渡效果,请在左边选择!希望大家喜欢这个插件,如果你有任何的建议,请给我们留言!

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


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值