首页>>导航菜单>>jQuery和CSS3炫酷垂直固定侧边栏导航菜单(2020-09-14)

jQuery和CSS3炫酷垂直固定侧边栏导航菜单

jQuery和CSS3炫酷垂直固定侧边栏导航菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

 
XML/HTML Code
  1. <nav class="cd-vertical-nav">  
  2.     <ul>  
  3.         <li><a href="#section1" class="active"><span class="label">Intro</span></a></li>  
  4.         <li><a href="#section2"><span class="label">Events</span></a></li>  
  5.         <li><a href="#section3"><span class="label">Help</span></a></li>  
  6.         <li><a href="#section4"><span class="label">Share</span></a></li>  
  7.     </ul>  
  8. </nav><!-- .cd-vertical-nav -->  

 

XML/HTML Code
  1. <section id="section2" class="cd-section">  
  2.         <div class="content-wrapper">  
  3.             <h2>Events</h2>  
  4.             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.</p>  
  5.         </div>  
  6.     </section><!-- cd-section -->  
  7.   
  8.     <section id="section3" class="cd-section">  
  9.         <div class="content-wrapper">  
  10.             <h2>Help</h2>  
  11.             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.</p>  
  12.         </div>  
  13.     </section><!-- cd-section -->  

 


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