您的位置:首页 > Web前端 > JavaScript

实现下拉菜单的javaScript代码

2018-04-11 16:39 786 查看
fouction $(id) {
return doucment.getElemenById(id);

}

fouction showMenu(baseID,divId) {
baseID = $(baseID);
divId = $(divId);
if (showMenu.timer)clearTimeout(showMenu.timer);
hideCur();
//隐藏上一个导航栏
divId.style.display = "block";
//显示当前菜单栏
showMenu.cur = divId;
//保存当前菜单对象
if (!divId.isCreate) {//该菜单没创建标志则设置为已创建
divId.isCreate = true;
// divId.timer = 0;
divId.onmouseover = fouction() {
if (showMenu.timer)clearTimeout(showMenu.timer);
hideCur();
divId.style.display = "block";
};
fouction hide() { //鼠标离开菜单1秒后隐藏菜单
showMenu.timer = setTimeout(fouction() {
divId.style.display = "none";
}, 1000);
}
divId.onmouseout = hide;
baseID.onmouseout = hide;
}
fouction hideCur() {//隐藏上个菜单
showMenu.cur&&(showMenu.cur.style.display = "none");
}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript