几句代码写出一个内容轮播器（jQuery插件的神奇）jQuery.flexslider.js登场！！

step 1：导入css样式

<link href="css/flexslider.css" rel="stylesheet" type="text/css"/>//引入flexslider的css样式表

step 2：构建轮播器
//轮播器start
<div class="flexslider">//必须引用的flexslider类
<ul class="slides">//必须引用的slides类
<li><a href="#"><img src="images/calrousel1.jpg"></a></li>
<li><a href="#"><img src="images/calrousel2.jpg"></a></li>
<li><a href="#"><img src="images/calrousel3.jpg"></a></li>
<li><a href="#"><img src="images/calrousel4.jpg"></a></li>
<li><a href="#"><img src="images/calrousel5.jpg"></a></li>
</ul>
</div>
//轮播器end

step3：导入jQuery 和flexslider核心js
<script src="js/jQuery.1.7.1.min.js"></script>//导入jQuery核心js
<script src="js/jquery.flexslider.js"></script>//导入flexslides核心js

最后一步：启动轮播器
<script>
$('document').ready(function(){
//最后一步启动轮播器
$('.flexslider').flexslider();
});
</script>