首页>>焦点图>>全屏轮播图(2023-05-23)

全屏轮播图

 带文字介绍的全屏轮播图

全屏轮播图
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="carousel">  
  2.             <div class="carousel-item active"  
  3.                 style="background-image: url('../demo1.jpg'); background-size: 100% auto;">  
  4.                 <div class="carousel-text">Picture 1</div>  
  5.             </div>  
  6.             <div class="carousel-item" style="background-image: url('../demo2.jpg'); background-size: 100% auto;">  
  7.                 <div class="carousel-text">Picture 2</div>  
  8.             </div>  
  9.             <div class="carousel-item" style="background-image: url('../demo3.jpg'); background-size: 100% auto;">  
  10.                 <div class="carousel-text">Picture 3</div>  
  11.             </div>  
  12.             <div class="carousel-item" style="background-image: url('../demo4.jpg'); background-size: 100% auto;">  
  13.                 <div class="carousel-text">Picture 4</div>  
  14.             </div>  
  15.             <div class="carousel-nav">  
  16.                 <button class="active"></button>  
  17.                 <button></button>  
  18.                 <button></button>  
  19.                 <button></button>  
  20.             </div>  
  21.         </div>  

 


原文地址:http://www.freejs.net/article_jiaodiantu_938.html