45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:有什么样的方法能够左右切换插件responsiveslides?

有什么样的方法能够左右切换插件responsiveslides?

2015-09-24 20:35:07 来源:www.45fan.com 【

有什么样的方法能够左右切换插件responsiveslides?

基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载。

效果图如下:

有什么样的方法能够左右切换插件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>

本文地址:http://www.45fan.com/bcdm/22103.html
Tags: jquery 全屏 基于
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部