js导航菜单(自写)简单大方_基础知识

最近由于项目需要一个简单的多级下拉菜单菜单但是由于业务和样式上的要求，为了简洁，在网上找了很多导航菜单控件都不大适合，所以突发奇想自己写个吧~该动手就动手啊~
HTML部分

复制代码 代码如下:

 

SuperFish

• 一级li 1
  
  
  
  • 二级 li 1
  
  
  • 二级 li 2
    
    
    
    • 三级 li 1
    
    
    • 三级 li 2
    
    
    • 三级 li 3
    
    
    • 三级 li 4
    
    
    • 三级 li 5
    
    
    • 三级 li 6
      
      
      
      • 四级 li 1
      
      
      • 四级 li 2
      
      
      
      
    
    
    
    
  
  
  • 二级 li 3
    
    
    
    • 三级 li 6
    
    
    • 三级 li 7
    
    
    • 三级 li 8
    
    
    • 三级 li 9
    
    
    • 三级 li 10
    
    
    
    
  
  
  • 二级 li 4
    
    
    
    • 三级 li 11
    
    
    • 三级 li 12
    
    
    • 三级 li 13
    
    
    • 三级 li 14
    
    
    • 三级 li 15
    
    
    
    
  
  
  
  


• 一级li 2
  
  
  
  • 二级 li 11
  
  
  
  

Javascript部分

复制代码 代码如下:

不过暂时还没有封装成类似jquery的写法，其实还可以继续封成一个控件~