仿126邮箱菜单

此为鼠标悬停后所显示

此图为鼠标点击后所显示

在鼠标悬停情况下，如果不点击的话移开鼠标则显示复原，如果点击的话则如上图显示，但点击后鼠标离开后下拉菜单仍然在，只有在鼠标点击其他地方后下拉菜单才收回，而鼠标点击其他地方就成为核心要解决的问题。

            document.onclick = function (event) 
         {    
             var e = event || window.event; 
             var elem = e.srcElement||e.target;
                  
             while(elem) 
             {  
                 if(elem.id == "subMenu") 
                 { 
                         return; 
                 } 
                 elem = elem.parentNode;
             } 
             //隐藏subMenu方法
            hideDiv();
         }

演示

 

 

web初学者，初学者园地。