前端，前端轮播的做法

                         <ul>
				<li><img src="img/1.jpg" width="482px" height="320px"></li>
				<li><img src="img/2.jpg" width="482px" height="320px"></li>
				<li><img src="img/3.jpg" width="482px" height="320px"></li>
				<li><img src="img/4.jpg" width="482px" height="320px"></li>
				<li><img src="img/5.jpg" width="482px" height="320px"></li>
			</ul>
			<a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al" src="img/arrowl.png" alt="prev" width="20" height="35"></a>
			<a <!--href="javascript:void(0);" class="unslider-arrow04 next"-->><img class="arrow" id="ar" src="img/arrowr.png" alt="next" width="20" height="37"></a>
		</div>
		<script>
			$(document).ready(function(e) {
				var unslider04 = $('#b04').unslider({
						dots: true
					}),
					data04 = unslider04.data('unslider');

				$('.unslider-arrow04').click(function() {
					var fn = this.className.split(' ')[1];
					data04[fn]();
				});
			});
		</script>