霍都为什么是王子:这样的左侧菜单怎么实现?

来源:百度文库 编辑:高考问答 时间:2024/04/29 20:13:07
http://bobo4.com/home.htm
类似这个网站左侧的这个窗口
但是打开时是隐藏的 鼠标放在最左侧时弹出 离开后隐藏
而且不影响右侧的页面!
感谢大家 把代码或者相关的资料提供一下!

<html>
<SCRIPT language=javascript>
var x=0;
function switchSysBar(){if (x==0)
{switchPoint.innerHTML="<img src=b.gif>";document.all("frmMenu").style.display="none";x=1;}
else{switchPoint.innerHTML="<img src=a.gif>";document.all("frmMenu").style.display="";x=0;}}
document.writeln ("</head>")
document.writeln ("<body scroll=\"no\" style=\"MARGIN: 0px\">");
document.writeln ("<table border=0 cellspacing=0 cellpadding=0 width=100% height=100% id = tblTotal Name = tblTotal align=center> ")
document.writeln ("<tr><td id=\"frmMenu\" name=\"frmMenu\" nowrap valign=\"center\" align=\"middle\" class=tblLeftbody height=100%>")
document.writeln ("<iframe id=\"mainlu\" name=\"mainlu\" style=\"HEIGHT:100%; VISIBILITY: inherit; WIDTH: 106px; Z-INDEX: 2\" frameborder=\"0\" src=\"music/images/left.asp\"><\/iframe>")
document.writeln ("<\/td>")
</SCRIPT><BODY>
<TD id=cmenu bgColor="#f4f4f4" width="12">
<META content="MSHTML 6.00.2800.1170" name=GENERATOR>
<SPAN id=Label1><SPAN class=navPoint id=switchPoint title=隐藏/显示听歌栏
style="CURSOR: hand" onclick=switchSysBar()><IMG
src="a.gif"></SPAN></span></TD>

<SCRIPT>
document.writeln ("<td width='100%'><iframe id=\"mainzu\" name=\"mainzu\" style=\"height: 100%; visibility: inherit; width: 100%;z-index: 1\" frameborder=0 src=\"/main.asp\"><\/iframe>")
document.writeln ("<\/td><\/tr><\/table><\/body><\/html>")
</SCRIPT>

</body>
</HTML>

这个代码做为主页,
再做一个left.asp和main.asp就可以了

http://fpbbs.w11.dns2008.cn/

他用的是"帧",添加了两个帧~!
然后用JAVASCRIPT,当点击按钮时,左边帧宽度变小

不明白