实现下拉菜单的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");
}
}
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 双级下拉菜单实现代码
- JavaScript 双级下拉菜单实现代码
- 实现年月日下拉菜单的javascript代码示例
- 实现年月日下拉菜单的javascript代码示例~
- javascript手风琴下拉菜单实现代码
- JavaScript 下拉菜单实现代码
- JavaScript 下拉菜单实现代码
- JavaScript 下拉菜单实现代码
- javascript手风琴下拉菜单实现代码
- 实现年月日下拉菜单的javascript代码示例
- web JavaScript 下拉菜单实现代码(转发)
- 用javascript实现小的滑动下拉菜单~~~~~~
- javascript实现页面自动刷新和自动跳转代码
- javascript判断ie浏览器6/7版本加载不同样式表的实现代码
- Javascript 浅拷贝、深拷贝的实现代码
- JavaScript中判断页面关闭、页面刷新的实现代码
- JavaScript实现图片滑动切换的代码示例分享
- JavaScript实现图片的滑动切换效果 的Js代码
- javascript检测是否联网的实现代码
- JSP中使用JavaScript动态插入删除输入框实现代码