基于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 相关文章推荐
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
jquery mobile界面数据刷新的实现方法
May 28 Javascript
原生JavaScript制作计算器
Oct 16 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
jQuery快速实现商品数量加减的方法
Feb 06 Javascript
探索webpack模块及webpack3新特性
Sep 18 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
Javascript Dom元素获取和添加详解
Sep 24 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
深入理解PHP原理之错误抑制与内嵌HTML分析
2011/05/02 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
帝国cms常用标签汇总
2015/07/06 PHP
php实现可运算的验证码
2015/11/10 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
js控制表单操作的常用代码小结
2013/08/15 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
jquery实现多次上传同一张图片
2017/01/09 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
ES6 Promise对象的含义和基本用法分析
2019/06/14 Javascript
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
Java面试题:为什么要用Java
2012/05/11 面试题
外国语学院毕业生自荐信
2013/10/28 职场文书
模范教师事迹材料
2014/02/10 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
先进个人事迹材料
2014/12/29 职场文书
运动会开幕词
2015/01/28 职场文书
2015年教师见习期工作总结
2015/05/20 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
浅谈Python中的正则表达式
2021/06/28 Python
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js