如何,做一个三级菜单,用弹出层实现!每一级都是弹出一个层!

Question

例如:function anY()
{
var sec=new Array();
cont[0]=["人格权纠纷","婚姻家庭纠纷","继承纠纷"];
}
function initMouseMove(){
if(!document.all){ 
document.captureEvents(Event.MOUSEMOVE); 
} 
document.onmousemove = mouseMove; 
}
var x,y; 
function mouseMove(e)
{     if(!document.all)
    { 
        x=e.pageX; 
        y=e.pageY; 
    }
    else
    { 
        x=document.body.scrollLeft+event.clientX-document.body.clientLeft; 
        y=document.body.scrollTop+event.clientY-document.body.clientTop ; 
    } 
} 
var msgObj;
function anyouSelect(obj,content)
{
    if(document.getElementById(obj).style.display=="")
{
document.getElementById(obj).style.display="none";
}
else
{
document.getElementById(obj).style.display="";
}
      msgOb=document.createElement("div");
msgOb.setAttribute("id","msDiv");
msgOb.style.left =x+"px";
                    msgOb.style.top =0+"px";
                    msgOb.style.padding="0px";
msgOb.style.background="#f1f3f8";
msgOb.style.border="1px solid #f1f3f8";
msgOb.style.position = "absolute";
msgOb.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgOb.style.width ="600px";
msgOb.style.height =100 + "px";
msgOb.style.lineHeight ="22px";
msgOb.style.zIndex = "10001";
var title=document.createElement("h4");
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0px";
title.style.padding="3px";
title.style.background="#000";
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.75";
title.style.border="1px solid #000";
title.style.height="18px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.width="100%";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=function()
{
document.getElementById("msDiv").removeChild(title);
document.body.removeChild(msgOb);
document.getElementById(obj).style.display="";

}
document.body.appendChild(msgOb);
document.getElementById("msDiv").appendChild(title); document.getElementById("msDiv").appendChild(title);
var txt=document.createElement("div");
txt.style.margin="0px";
txt.style.padding="0px";
txt.setAttribute("id","msgTxt");
txt.innerHTML=stray(obj,content);
document.getElementById("msDiv").appendChild(txt);
}
//组合字符串
function stray(obj,content)
{  //<span style=\""+style_string+"\" type=text id="+i+" onclick=\"inValue('"+obj+"','"+i+"'),hiddendiv()\"></span>background-color:transparent;
sta=anY();
    str=sta[content];
style_string="cursor:pointer; padding:0px;";
st="<table width=100% border=0 cellspacing=0 align=left cellpadding=0><tr>";
for(var i=0;i<str.length;i++)
{
st+="<td style=\""+style_string+"\" onmouseover=\"this.style.backgroundcolor='#eee'\" id="+i+" onclick=\"inValu('"+obj+"','"+i+"'),hiddendi('"+obj+"')\">"+str[i]+"</td>";
if((i+1)%5==0)
{
st+="</tr><tr>";
}
}
st+="</tr><tr><td colspan=5><div  align='center' onclick=\"hiddendi('"+obj+"')\" style='cursor:pointer;'>返回</div></td></tr></table>";
return st;
}
//给文本框赋值
function inValu(obj,obj1)
{
document.getElementById(obj).value=document.getElementById(obj1).innerHTML;
}
//关闭窗口
function hiddendi(obj){
  document.body.removeChild(msgOb);
  document.getElementById(obj).style.display="";
  
}如果我要在此基础上,添加拖动功能,以及第二级菜单与第三集菜单