基于jQuery全屏焦点图切换插件responsiveslides-爱编程

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

阅读：48 时间：2018-02-03 03:17

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

via：http://www.w2bc.com/article/60563

在线预览源码下载