编程 Javascript

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

Posted in Javascript onSeptember 07, 2015

基于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>

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

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript转换字符串为dom对象（字符串动态创建dom）

May 10 Javascript

Json对象替换字符串占位符实现代码

Nov 17 Javascript

IE6下CSS图片缓存问题解决方法

Dec 09 Javascript

JS、DOM和JQuery之间的关系示例分析

Apr 09 Javascript

JS实现霓虹灯文字效果的方法

Aug 06 Javascript

JS判断图片是否加载完成方法汇总(最新版)

May 13 Javascript

JS识别浏览器类型(电脑浏览器和手机浏览器)

Nov 18 Javascript

微信小程序模板之分页滑动栏

Feb 10 Javascript

Angular 4.x 动态创建表单实例

Apr 25 Javascript

vue 粒子特效的示例代码

Sep 19 Javascript

Vue如何跨组件传递Slot的实现

Dec 14 Vue.js

js 执行上下文和作用域的相关总结

Feb 08 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