具体open参数，请参考：
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
window.open 弹出新窗口的命令；
page.html 弹出窗口的文件名；
newwindow 弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
可以用JS实现<SCRIPT
language=javascript1.2>
function
showsubmenu(sid){
whichEl
=
eval('submenu'
+
sid)
if
(whichEl.style.display
==
'none'){
eval("submenu"
+
sid
+
".style.display=''")
}
else{
eval("submenu"
+
sid
+
".style.display='none'")
}
}
</SCRIPT>
display方法的值为none时,为不显示表格内容
showsubmenu(sid)中的sid为HTML代码中表格中td的id属性值
=====================代码实现过程================
<HTML><HEAD><TITLE>管理导航菜单</TITLE>
<SCRIPT
language=javascript1.2>
function
showsubmenu(sid){
whichEl
=
eval('submenu'
+
sid)
if
(whichEl.style.display
==
'none'){
eval("submenu"
+
sid
+
".style.display=''")
}
else{
eval("submenu"
+
sid
+
".style.display='none'")
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE
width=158
align=center>
<TBODY>
<TR>
<TD
id=menuTitle1
style="CURSOR:
hand"
onclick=showsubmenu(1)
height=25
><span
class="glow">导航一</span></TD>
</TR>
<TR>
<TD
height="100%"
id=submenu1
style="DISPLAY:
none">
<DIV
style="WIDTH:
158px">
<TABLE
cellSpacing=0
cellPadding=0
width=132
align=center>
<TBODY>
<TR>
<TD
height=20>1</TD>
</TR>
<TR>
<TD
height=20>2</TD>
</TR>
</TBODY></TABLE>
</DIV>
<DIV
style="WIDTH:
158px">
<TABLE
cellSpacing=0
cellPadding=0
width=130
align=center>
<TBODY>
<TR>
<TD
height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<TABLE
width=158
align=center>
<TBODY>
<TR>
<TD
id=menuTitle3
style="CURSOR:
hand"
onclick=showsubmenu(3)
height=25
>
<SPAN
class=glow>导航二</SPAN></TD>
</TR>
<TR>
<TD
id=submenu3
style="DISPLAY:
none">
<DIV
style="WIDTH:
158px">
<TABLE
cellSpacing=0
cellPadding=0
width=132
align=center>
<TBODY>
<TR>
<TD
height=20>3</TD>
</TR>
<TR>
<TD
height=20>4</TD>
</TR>
</TBODY></TABLE>
</DIV>
<DIV
style="WIDTH:
158px">
<TABLE
cellSpacing=0
cellPadding=0
width=130
align=center>
<TBODY>
<TR>
<TD
height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
</BODY></HTML>
用javascript
给元素添加点击事件， 然后显示 子元素！
之后给 document 加点击事件 隐藏子元素
记得 给元素事件 阻止冒泡
以下代码仅代表想法！
odiv.onclick=function(ev){var oEvent = ev || event
oul.style.display='block'
oEvent.cancelBubble = true
}
document.onclick=function(){
oul.style.display='none'
}
