窗口轮播特效

分享一个漂亮的图片轮播特效
利用 jquery.slides.min.js 实现
以下是实现代码：

<style>
	#slides{max-width:500px;margin:0 auto;}
	#slides img{max-width:500px;display:none;text-align:center;}
	#slides a.slidesjs-navigation{margin:10px;}
	#slides ul{clear:both;}
	#slides ul li{list-style:none;width:50px;float:left;}
</style>

<div id="slides">
	<img src="http://www.yyyweb.com/demo/slides-playing/img/example-slide-1.jpg">
	<img src="http://www.yyyweb.com/demo/slides-playing/img/example-slide-2.jpg">
	<img src="http://www.yyyweb.com/demo/slides-playing/img/example-slide-3.jpg">
	<img src="http://www.yyyweb.com/demo/slides-playing/img/example-slide-4.jpg">
</div>

<script src="http://www.yyyweb.com/demo/slides-playing/js/jquery-1.9.1.min.js"></script>
<script src="http://www.yyyweb.com/demo/slides-playing/js/jquery.slides.min.js"></script>

<script>
	$(function() {
		$('#slides').slidesjs({
			width: 940,
			height: 528,
			play: {
				active: true,      //暂停播放按钮设置
				auto: true,        //自动播放
				interval: 2000,    //间隔2秒
				swap: false,       //暂停播放按钮设置
				pauseOnHover:true, //鼠标放入暂停
				restartDelay:2500  //鼠标移出恢复播放时间2.5秒
			}
		});
	});
</script>