基于jQuery全屏焦点图左右切换插件responsiveslides


Posted in Javascript onSeptember 07, 2015

基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载。

效果图如下:

基于jQuery全屏焦点图左右切换插件responsiveslides

在线预览    源码下载

html代码:

<script type="text/javascript">
$(function () {
 // Slideshow 
 $("#slider").responsiveSlides({
  auto: true,
  pager: false,
  nav: true,
  speed: 500,
  timeout:4000,
  pager: true, 
  pauseControls: true,
  namespace: "callbacks"
 });
});
</script>
</head>
<body>
<!-- Slideshow -->
<div class="callbacks_container">
 <ul class="rslides" id="slider">
  <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li>
  <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li>
  <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li>
  <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li>
 </ul>
</div>
</body>
Javascript 相关文章推荐
用函数式编程技术编写优美的 JavaScript
Nov 25 Javascript
JavaScript使用prototype定义对象类型
Feb 07 Javascript
超级退弹代码
Jul 07 Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
Jan 10 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
Oct 18 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
jQuery实现日历效果
Sep 11 jQuery
jquery实现通用的内容渐显Tab选项卡效果
Sep 07 #Javascript
jquery仅用6行代码实现滑动门效果
Sep 07 #Javascript
JavaScript简单下拉菜单实例代码
Sep 07 #Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 #Javascript
jQuery实现简单下拉导航效果
Sep 07 #Javascript
JS实现弹性菜单效果代码
Sep 07 #Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 #Javascript
You might like
Nginx下配置codeigniter框架方法
2015/04/07 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
PHP单链表的实现代码
2016/07/05 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP实现的简单sha1加密功能示例
2017/08/27 PHP
PHP操作XML中XPath的应用示例
2019/07/04 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
js常用排序实现代码
2010/12/28 Javascript
早该知道的7个JavaScript技巧
2013/03/27 Javascript
javascript检查浏览器是否已经启用XX功能
2015/07/10 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python中随机函数random用法实例
2015/04/30 Python
Python使用xlwt模块操作Excel的方法详解
2018/03/27 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
python3定位并识别图片验证码实现自动登录功能
2021/01/29 Python
劳资员岗位职责
2013/11/11 职场文书
打造完美自荐信
2014/01/24 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
查摆问题整改措施
2014/10/24 职场文书
文艺演出主持词
2015/07/01 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书