怎么可以实现点击二级菜单过后，可以在当前窗口的弹出的层显示信息？

Question

怎么可以实现点击二级菜单过后，可以在当前窗口的弹出的层显示信息？
当前窗口的左边有个层， 不需要时，默认是 hidden 的 ，当需要的时候就弹出了；点击二级菜单，就可以弹出该层；

Answer 1

<div id="menu" style="height:30px; background:#EEFFEE"></div>
<div id="left" style="float:left; width:1px; height:500px; background:#FFEEEE;"></div>
<div id="right" style=" height:500px; background:#EEEEFF"></div>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  var data = new Array();
  data[0] = [0,0,"A"];
  data[1] = [1,1,"B"];
  data[2] = [0,2,"aaaaa"];
  data[3] = [1,3,"bbbbb"];
  data[4] = [0,2,"ddddd"]; var menu = document.getElementById("menu");
  for (var i=0; i<data.length; i++)
  {
if (data[i][0]==data[i][1]) {
menu.innerHTML += '<a href="#" onclick="submenu('+data[i][1]+')">'+data[i][2]+'</a> |';
var d = document.createElement("div");
d.id = "smenu"+ data[i][1];
d.style.backgroundColor = "white";
d.style.position = "absolute";
d.style.display = "none";
menu.appendChild(d);
}
else {
var md = document.getElementById("smenu"+ data[i][0]);
md.innerHTML += '<a href="javascript:showleft('+data[i][0]+',\''+data[i][2]+'\')">'+data[i][2]+'</a><BR>';
}
  }
function submenu(fid){
var d = document.getElementById("smenu"+fid);
d.style.top = event.y;
d.style.left = event.x;
d.style.display = "";
}
function showleft(fid,text){
var l = document.getElementById("left");
l.innerHTML = "您选择的菜单是：" + text;
l.style.width = "200px";
document.getElementById("smenu"+fid).style.display = "none";
}
  //-->
  </SCRIPT>