基于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中动态加载js文件多种解决办法总结
Nov 15 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
ES6学习教程之Map的常用方法总结
Aug 03 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
Node.js模块全局安装路径配置方法
May 17 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
Aug 13 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
微信小程序分享海报生成的实现方法
Dec 10 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 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
PHP 高手之路(三)
2006/10/09 PHP
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
PHP文件上传主要代码讲解
2013/09/30 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
Laravel框架源码解析之模型Model原理与用法解析
2020/05/14 PHP
为数据添加append,remove功能
2006/10/03 Javascript
sina的lightbox效果。
2007/01/09 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
基于Jquery的温度计动画效果
2010/06/18 Javascript
JS页面延迟执行一些方法(整理)
2013/11/11 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
2014/09/01 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
python实现简单成绩录入系统
2019/09/19 Python
Python进程池Pool应用实例分析
2019/11/27 Python
numpy.ndarray 实现对特定行或列取值
2019/12/05 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
小学生田径运动会广播稿
2014/09/11 职场文书
指导老师鉴定意见
2015/06/05 职场文书
优质护理服务心得体会
2016/01/22 职场文书