站长之家 - 轻松建站从此开始!

站长网 - 站长之家 - 中国站长站

当前位置: 主页 > 免费资源 > 资源 >

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

时间:2013-04-28 00:36来源:互联网 作者:admin 点击:
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>
 
搞定!请大家缩放屏幕查看响应式的幻灯效果或者使用这个响应式设计工具,如果需要查看不同的过渡效果,请在左边选择!希望大家喜欢这个插件,如果你有任何的建议,请给我们留言!
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片