BootStrap中jQuery插件Carousel实现轮播广告效果

轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：

具体实现方法请看下面的代码：

 //data-interval设置轮播间隔为3秒钟
 
 

  

  

  

  

 
 

  

   
   
   

    
First slide label
    
Nulla vitae elit libero, a pharetra augue mollis interdum.
   
  
  

   
   
   

    
Second slide label
    
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
   
  
  

   
   
   

    
Third slide label
    
Praesent commodo cursus magna, vel scelerisque nisl consectetur.
   
  
  

   
   
   

    
Fourth slide label
    
Nulla vitae elit libero, a pharetra augue mollis interdum.
   
  
 
 
 
  
 
 
 
  
 

如代码中注释，广告序号指示器，广告的说明文字，以及上一张、下一张的按钮都是可以根据需要自行添加的。

可以在carousel类中添加data-interval扩展属性来更改轮播的时间间隔。

以上所述是小编给大家介绍的BootStrap中jQuery插件Carousel实现轮播广告效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！