Question

这是段js下拉菜单隐藏和显示的代码，有些地方不太明白，请给解释一下。

function $(id) {
return document.getElementById(id);
}
function 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=function () {
if(showMenu.timer)clearTimeout(showMenu.timer);
hideCur();
divID.style.display='block';
};
function hide() {
showMenu.timer=setTimeout(function () {
divID.style.display='none';
},1000);
}
divID.onmouseout=hide;
baseID.onmouseout=hide;
}
function hideCur() {
showMenu.cur&&(showMenu.cur.style.display='none');
}
}

Answer 1

这个也不复杂，不过感觉你的这个代码并不好的样子。
//根据id获取对象
function $(id) {
return document.getElementById(id);
}
function 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=function () {//鼠标放在菜单上时显示
if(showMenu.timer)clearTimeout(showMenu.timer);
hideCur();
divID.style.display='block';
};
function hide() {//鼠标离开菜单1秒后隐藏菜单
showMenu.timer=setTimeout(function () {
divID.style.display='none';
},1000);
}
divID.onmouseout=hide;
baseID.onmouseout=hide;
}
function hideCur() {//隐藏上个菜单
showMenu.cur&&(showMenu.cur.style.display='none');
}
}

追问

麻烦请指出那里有不规范的地方，我是新手，请指教。。。

追答

if(!divID.isCreate) {}这里面的

但这个地方只凭你现在的部分代码还是无法判断是不是真的不好，要结合你完整的html才能得出准确的结论。

追问

showMenu.cur 这个是什么意思？我还需要记录下上个baseID，怎么定义下？

追答

showMenu.cur 这就是用来记录上一个菜单的对象的。你要记录baseID可以showMenu.baseID或其他名称，这个是任意的，只要你自己知道就行。

Answer 2

好麻烦，下拉菜单的显示隐藏，其实就是一个div的show和hide，主菜单绑定一个onmouseover ，下拉菜单绑定onmouseout事件就行了 主菜单：menu ，下拉菜单： menuDIV。要定时器干吗。
menuDIV..style.display="none";
menu.onmouseover =function(){
menuDIV.style.display="";
}
menuDIV.onmouseout=function(){
menuDIV.style.display="none";
}

追问

请给解释下showMenu.cur 这个是什么意思吧？