您当前所在位置: 首页 >> 特效库 >> 焦点图

jQuery幻灯片插件 – ResponsiveSlides.js

2015年07月11日 来源:网络 12

简介

ResponsiveSlides.js 是一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想要更丰富的效果,你可能需要自定义 CSS。

使用方法

1、引入文件

<link rel="stylesheet" href="css/responsiveslides.css">
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>

2、HTML

<ul class="rslides" id="dowebok">
    <li><img src="images/1.jpg" alt=""></li>
    <li><img src="images/2.jpg" alt=""></li>
    <li><img src="images/3.jpg" alt=""></li>
</ul>

3、JavaScript

$(function() {
    $('#dowebok').responsiveSlides();
});

配置

属性/方法类型默认值说明
auto布尔值true自动播放
speed整数500动画持续时间,单位为毫秒
timeout整数4000切换间隔,单位为毫秒
pager布尔值false显示页码
nav布尔值false显示左右导航
random布尔值false随机幻灯片顺序
pause布尔值false鼠标悬停在幻灯片上暂停
pauseControls布尔值true鼠标悬停在控制器上暂停
prevText字符串Previous“上一个”按钮文本
nextText字符串Next“下一个”按钮文本
maxwidth字符串幻灯片最大宽度
navContainer字符串把控制项放入自定义选择器内
manualControls字符串声明自定义分页导航
namespace字符串rslides修改默认的容器名称
before函数切换前的回调函数
after函数切换完成后回调函数


最新更新特效

jQuery幻灯片插件 – Resp

2015年07月11日12

jQuery图片模糊插件crossf

2015年07月11日12

jQuery全屏滚动插件fullPa

2015年07月11日22

jQuery cxSelect 多级

2015年06月19日30

CSS3瀑布流网页特效

2014年12月30日96

HTML5+CSS3鼠标悬停图片事件

2014年12月16日130
关于设界| 主营业务| 服务流程| 建站套餐| 成品选购| 案例展示| 特效库| 新闻中心
设界风向标 ©2014 eshejie.com All rightsreserve.
地址:成都物流大道普洛斯A线
蜀ICp备14005826号-1 站长统计
温馨提示: 请客户合作时务必审查对方能否提供以往作品原始文件及客户相关负责人信息;请勿上当受骗。
客服电话:028-64866096
客服 QQ:2739394928
投诉电话:13688028095
电子邮件:eshejie@163.com eshejie@qq.com
官网网址:www.eshejie.com