首页>>焦点图>>简单的slide滑动焦点图,图片为背景上面可以写文字(2015-08-16)

简单的slide滑动焦点图,图片为背景上面可以写文字

简单的slide滑动焦点图,图片为背景上面可以写文字
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2.   <div id="main_banner" class="demo">  
  3.     <div class="carousel-slide" style="background: url(img/image1.jpg) no-repeat 50% 50%; background-size: cover;">  
  4.       <div class="caption">Simply Carousel</div>  
  5.     </div>  
  6.     <div class="carousel-slide" style="background: url(img/image2.jpg) no-repeat 50% 50%; background-size: cover;">  
  7.       <div class="caption">Simple Image Slider</div>  
  8.     </div>  
  9.     <div class="carousel-slide" style="background: url(img/image3.jpg) no-repeat 50% 50%; background-size: cover;">  
  10.       <div class="caption">Hover to stop & display arrows</div>  
  11.     </div>  
  12.     <div class="carousel-slide" style="background: url(img/image4.jpg) no-repeat 50% 50%; background-size: cover;">  
  13.       <div class="caption">All done with one single line</div>  
  14.     </div>  
  15.     <span class="arrow left select-none"><</span> <span class="arrow right select-none">></span> </div>  
  16.   <!--#main_banner-->  
  17. </div>  

 


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