免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 起源之家 > 免费资源 > 免费插件 > 文章正文

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

时间:07-04 10:29 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  jQuery的幻灯插件我们介绍过很多了,不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助

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

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

主要特性

1.支持各种过渡效果

2.支持响应式的展示方式,支持移动设备展示

3.CSS过渡和3D变化

4.支持javascript的fallback兼容方式

5.自动格式化响应式的缩略图

6.支持IE7+

7.支持HTML的幻灯说明文字

8.浏览器硬件加速

9.免费使用并且可以随意改动

10简单,语义的标签支持

11.轻量级12minified

12.API文档完整

13.支持自动播放,并且拥有丰富的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)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,分享一个超棒的响应式幻灯jQuery插件 - refineslide对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与分享一个超棒的响应式幻灯jQuery插件 - refineslide无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对起源之家有任何意见或建议,请到交流平台反馈。到留言板反馈