<title>JQuery带箭头图片左右滚动 - 源码搜藏</title>
<link href="css/zzsc.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#slides').slides({
effect: 'slide'
});
})
</script>
</head>
<body>
<div id="slides">
<ul class="slides_container">
<li><a href="#" target="_blank"><img src="images/img01.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a><a href="#" target="_blank"><img src="images/img02.jpg"/><span>全运会礼仪引导员面试</span></a><a href="#" target="_blank"><img src="images/img03.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a><a href="#" target="_blank"><img src="images/img01.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a><a href="#" target="_blank"><img src="images/img02.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a></li>
<li><a href="#" target="_blank"><img src="images/img03.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a><a href="#" target="_blank"><img src="images/img02.jpg"/><span>全运会礼仪引导员面试</span></a><a href="#" target="_blank"><img src="images/img01.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a><a href="#" target="_blank"><img src="images/img03.jpg"/><span>“牡丹亭”——侯庆艺术展</span></a><a href="#" target="_blank"><img src="images/img02.jpg"/><span>全运会礼仪引导员面试</span></a></li>
</ul>
<a href="#" class="prev">prev</a>
<a href="#" class="next">next</a>