基于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 11 Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
Aug 30 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
js form表单input框限制20个字符,10个汉字代码实例
Apr 12 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
js利用iframe实现选项卡效果
Aug 09 Javascript
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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
JavaScript实现模仿桌面窗口的方法
2015/07/18 Javascript
分享jQuery网页元素拖拽插件
2020/12/01 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
Python使用filetype精确判断文件类型
2017/07/02 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
django主动抛出403异常的方法详解
2019/01/04 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Python input函数使用实例解析
2019/11/22 Python
Python过滤序列元素的方法
2020/07/31 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
2014学年自我鉴定
2014/02/23 职场文书
年终总结会主持词
2014/03/25 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
年终晚会活动方案
2014/08/21 职场文书
求职信范文怎么写
2015/03/19 职场文书
论文致谢词范文
2015/05/14 职场文书
python实现大文本文件分割成多个小文件
2021/04/20 Python
Spring 使用注解开发
2022/05/20 Java/Android