用最简单的原生javascript写出下拉菜单的效果！

因为最近考试要考下拉菜单，然后我综合了网上各路大神的各种绝招。发现了这款最简单的实现方法。

先上代码：

   
   

       

           
• aaa
                     
  
                         
  • 1
  
                         
  • 2
  
                         
  • 3
  
                         
  • 4
  
                     
  
             

       

   

       
• bbb
             
  
                 
  • 1
  
                 
  • 2
  
                 
  • 3
  
                 
  • 4
  
             
  
         

   

   

       
• ccc
             
  
                 
  • 1
  
                 
  • 2
  
                 
  • 3
  
                 
  • 4
  
             
  
         

   

   

       
• ddd
             
  
                 
  • 1
  
                 
  • 2
  
                 
  • 3
  
                 
  • 4
  
             
  
         

   

首先是基本的布局，此处用了双层的ul和li的布局。代码很简单，javascript实际上就只有两行。美中不足是下拉菜单的点击事件写在HTML中。