当前位置:首页 > 网站制作 > jQuery教程 > 仿126邮箱菜单 基于JQuery设计

jquery仿京东菜单 仿126邮箱菜单 基于JQuery设计

2017-01-11 | 来源:网络 | 关键字: jquery仿京东菜单 网易邮箱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();
}


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

评论

评论数10

表情
发表评论
网友评论仅供其表达个人看法,并不表明网易立场。
《仿126邮箱菜单 基于JQuery设计》更多评论

阅读下一篇

返回jQuery教程 返回网站首页