首页>>导航菜单>>右侧滑动多级导航菜单(2021-10-27)

右侧滑动多级导航菜单

同时适用移动端与pc端

右侧滑动多级导航菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <header><a href="http://www.freejs.net/" class="logo"><img src="http://www.freejs.net/images/logo.png"></a>  
  2.   <div class="navButton"><span></span><span></span><span></span></div>  
  3.   <nav>  
  4.     <ul>  
  5.       <!-- 没有二级的href、data-href两个都放链接 -->  
  6.       <h1 class="navC"><a href="http://www.freejs.net/" data-href="http://www.freejs.net/">Home</a></h1>  
  7.     </ul>  
  8.     <ul>  
  9.       <h1 ><a data-href="/about/"  
  10.                             href="javascript:void(0);">About</a></h1>  
  11.       <li><a href="/about/">About</a></li>  
  12.       
  13.     </ul>  
  14.     <ul>  
  15.       <h1 ><a href="">Product</a></h1>  
  16.     </ul>  
  17.     <ul>  
  18.       <h1 ><a data-href=""  
  19.                             href="javascript:void(0);">Support</a></h1>  
  20.   
  21.       <li><a href="">Download</a></li>  
  22.     </ul>  
  23.   </nav>  
  24. </header>  
  25.   
  26.   <div style="background:#339; height:1500px" >  
  27.       
  28.      
  29.       
  30.   </div>  

 


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