程序员人生 网站导航

仿126邮箱菜单 基于JQuery设计

栏目:jquery时间:2013-10-18 05:15:02

  此为鼠标悬停后所显示

  此图为鼠标点击后所显示

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

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();
}


提示:可修改后代码再运行!

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐