基于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 相关文章推荐
利用XMLHTTP传递参数在另一页面执行并刷新本页
Oct 26 Javascript
javascript 事件查询综合 推荐收藏
Mar 10 Javascript
解读JavaScript中 For, While与递归的用法
May 07 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
使用javascript实现简单的选项卡切换
Jan 09 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
jquery+easeing实现仿flash的载入动画
Mar 10 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 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
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
PHP面向对象精要总结
2014/11/07 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
AngularJS入门教程之链接与图片模板详解
2016/08/19 Javascript
js实现二级导航功能
2017/03/03 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
微信小程序中为什么使用var that=this
2019/08/27 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
JavaScript中Object、map、weakmap的区别分析
2020/12/15 Javascript
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
Python功能键的读取方法
2015/05/28 Python
Python根据区号生成手机号码的方法
2015/07/08 Python
django中send_mail功能实现详解
2018/02/06 Python
用python实现百度翻译的示例代码
2018/03/09 Python
Python Json模块中dumps、loads、dump、load函数介绍
2018/05/15 Python
Python多进程fork()函数详解
2019/02/22 Python
Python文件路径名的操作方法
2019/10/30 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
介绍一下ICMP(Internet Control Message Protocol)Internet控制信息协议
2016/11/26 面试题
测绘工程系学生的自我评价
2013/11/30 职场文书
好的演讲稿开场白
2013/12/30 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
庆七一活动简报
2015/07/20 职场文书
公司员工离职感言
2015/08/03 职场文书
新教师教学工作总结
2015/08/14 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android