javascript实现控制的多级下拉菜单

最近身体不适，所以没能如期的更新，抱歉。这里直接把代码贴上，如果有不明白的地方，留言就行。

 
  
    
    
    
      .navi ul {
 padding: 0;
 list-style-type: none;
      }
      .navi ul li {
 text-align: center;
 float: left;
 position: relative;
 width: 200px;
 background-color: #0F8CFF;
      }
      a {
 color: #086808;
 text-decoration: none;
      }
      .navi ul li a {
 display: block;
 border: 1px solid #fff;
      }
      .navi ul li ul {
 display: none;
 left: 0;
      }
      .navi ul li ul li ul{
 position: absolute;
 left:200px;
 top: 0;
      }
      .navi ul li:hover ul a {
 color: yellow;
      }
    
 
    
  
 
  
 
    
      

 

   游戏
   

     

传奇
 

  

    1
  
  

    2
  
  

    3
  

     
     

传奇
     
     

传奇
     
     

传奇
     
     

传奇
     
   
 
 

   游戏
   

     

传奇
     
   
 
 

   游戏
   

     

传奇
     
   
 
 

   游戏
   

     

传奇
     
   
 
      
    
 
  
 

效果图如下：　

以上所述就是本文的全部内容了，希望大家能够喜欢。