首页>>TAB标签>>响应式tab选项卡(2015-11-16)

响应式tab选项卡

响应式tab选项卡

 

XML/HTML Code
  1. <div class="accordion-tabs">  
  2.         <ul class="accordion-tab-headings">  
  3.             <li><a href="#section-1">freejs.net</a></li>  
  4.             <li><a href="#section-2">Heading 2</a></li>  
  5.             <li><a href="#section-3">Heading 3</a></li>  
  6.         </ul>  
  7.   
  8.         <div class="accordion-tab-content">  
  9.             <section id="section-1">  
  10.                 <h3>Heading 1</h3>  
  11.                 <div><p>freejs.net</p></div>  
  12.             </section>  
  13.   
  14.             <section id="section-2">  
  15.                 <h3>Heading 2</h3>  
  16.                 <div><p>Nihil, deleniti cum esse incidunt voluptatibus corporis, libero, sapiente voluptates non ut autem dolorum ullam commodi ipsam! Dolores quasi voluptate cum dolore quia nemo, at?</p></div>  
  17.             </section>  
  18.   
  19.             <section id="section-3">  
  20.                 <h3>Heading 3</h3>  
  21.                 <div><p>Numquam aliquam delectus deleniti quis repellendus alias laboriosam ipsum atque accusantium! Reiciendis obcaecati cupiditate repellat ipsam suscipit necessitatibus sunt eaque et laudantium eligendi, laborum distinctio.</p></div>  
  22.             </section>  
  23.         </div>  
  24.     </div>  

 


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