Bootstrap 轮播（Carousel）插件

Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。

用法

• 通过 data 属性：使用 data 属性可以很容易控制轮播（Carousel）的位置。
  • 属性 data-slide 接受关键字 prev 或 next，用来改变幻灯片相对于当前位置的位置。
  • 使用 data-slide-to 来向轮播传递一个原始滑动索引，data-slide-to="2" 将把滑块移动到一个特定的索引，索引从 0 开始计数。
  • data-ride="carousel" 属性用于标记轮播在页面加载时就开始动画播放。
• 通过 JavaScript：轮播（Carousel）可通过 JavaScript 手动调用，如下所示：

  $('.carousel').carousel()

选项

有一些选项是通过 data 属性或 JavaScript 来传递的。下表列出了这些选项：

选项名称类型/默认值Data 属性名称描述intervalnumber默认值：5000data-interval自动循环每个项目之间延迟的时间量。如果为 false，轮播将不会自动循环。pausestring默认值："hover"data-pause鼠标进入时暂停轮播循环，鼠标离开时恢复轮播循环。wrapboolean默认值：truedata-wrap轮播 一、可选标题的轮播：

     加载就轮播，间隔 2s

        

            
            

                

                

                

            
            
            

                

                    
                    
标题1 可不可不要
                
                

                    
                
                

                    
                    
标题 3
                
            
            
            
                
                Previous
            
            
                
                Next
            
        

JavaScript 详情参考官网或菜鸟教程：http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html