发现了个不错的 jQuery 幻灯片插件 ，有 接近 3000 Star，应该说是很靠谱的，下面是简单使用教程。

引入代码

所有代码都可以在 flexlslider 的 上获得。

引入 css 文件和 js 文件和 jQuery 核心代码：

1 
     2 3 

HTML 代码：

1 
      2 
     
       3   
      
        4     
       
 5        6     
 7     
       
 8        9     
10     
       
11       12     
13     
       
14       15     
16   
      
17 
     

JavaScript 代码：

$(window).load(function() {    $('.flexslider').flexslider({        animation: 'slide',                 // 必备参数，自动滑动        animationLoop: true,           // 是否循环滑动，默认为 true         itemWidth: 500,                  // 定义每个 item 宽度，单位为 px，默认为 100%         itemMargin: 0,                     // 定义每个 item margin，默认为 0         controlNav: false,                // 是否显示滑动控制小圆点，默认为 true        directionNav: false,               // 是否显示左右滑动控制控件，默认为 true        slideshowSpeed: 2000,        // 每次自动滑动间隔时间，默认为 7000，单位为 ms         animationSpeed: 500           // 手动点击滑动时间，默认为 600，单位为 ms     });});