首页>>焦点图>>简单的左右切换的焦点图 图片作为背景图的焦点图(2019-05-13)

简单的左右切换的焦点图 图片作为背景图的焦点图

简单的左右切换的焦点图 图片作为背景图的焦点图
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="myslider" class="io-lightslider io-ls-animated-slow" data-slider-timeout="5000" data-slider-height="450">  
  2.   <div class="io-ls-field">  
  3.     <div class="io-ls-container">  
  4.       <div class="io-ls-wrapper">  
  5.         <div class="io-ls-slide">  
  6.           <div class="io-ls-bgimg" style="background-image: url('http://www.freejs.net/demo/742/images/img1.jpg');">Freejs.net</div>  
  7.         </div>  
  8.         <div class="io-ls-slide">  
  9.           <div class="io-ls-bgimg" style="background-image: url('http://www.freejs.net/demo/742/images/img2.jpg');">www.freejs.net</div>  
  10.         </div>  
  11.       </div>  
  12.     </div>  
  13.   </div>  
  14.   <div class="io-ls-controls">  
  15.     <div class="io-ls-arrows_container"></div>  
  16.     <div class="io-ls-bullet_container"></div>  
  17.   </div>  
  18. </div>  

 


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