Unslider – 非常实用的超小JQuery轮播slider插件！

1. 引入jQuery 和 Unslider
   

   <script src="//code.jquery.com/jquery-latest.min.js"></script>
   <script src="//unslider.com/unslider.js"></script>

2. 准备HTML代码
   

   <div> 
     <ul> 
       <li><img src="slider_1.jpg" /></li> 
       <li><img src="slider_2.jpg" /></li> 
       <li><img src="slider_3.jpg" /></li> 
     </ul> 
   </div>

3. 添加CSS样式
   

   .banner { position: relative; overflow: auto; } 
     .banner li { list-style: none; } 
       .banner ul li { float: left; }

4. 启动！
   

   $(function() { 
     $('.banner').unslider(); 
   });

官方网站：http://www.bootcss.com/p/unslider/