jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件

插件介绍

FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。FlexSlider对于网站开发者来说是一个不错测JQUERY特效，因为支持全浏览器深受中国网站前端开发者的喜爱！

插件下载

下载地址： http://pan.baidu.com/s/1jGDyjzC 

最简使用教程

JS和CSS引用代码：

<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<script type="text/javascript">
	$(function() {
		$("#banner").flexslider({
			controlNav:false, //是否显示底部圆角按钮
			animation:'slide', //切换方式
			slideshowSpeed: 4000, //展示时间间隔ms
			animationSpeed: 400, //滚动时间ms
			touch: true //是否支持触屏滑动
		});
	});	
</script>

HTML代码：

<!-- banner -->
<div class="banner">
	<div class="flexslider" id="banner">
		<ul class="slides">
			<li style="background:url(images/banner.jpg) no-repeat center center;height:625px;"></li>
			<li style="background:url(images/banner2.jpg) no-repeat center center;height:625px;"></li>
			<li style="background:url(images/banner3.jpg) no-repeat center center;height:625px;"></li>
			<li style="background:url(images/banner4.jpg) no-repeat center center;height:625px;"></li>
		</ul>
	</div>
</div>
<!-- banner end -->

参数说明：