？怎么用JavaScript写一个像CSDN这样的能使帧点一下就隐藏的？最好下面还要一个这样的。

看看CSDN的源文件就知道了~~~
<html>
<head>
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="../news.css">
<title>中国软件--专家门诊</title>
<style>
.navPoint{font-family: Webdings;font-size:9pt;color:red;cursor:hand;}
p{
font-size:9pt;
}
</style>
<script>
function switchSysBar(){
if (switchPoint.innerText==7){
switchPoint.innerText=8
document.all("frmTitle").style.display="none"
}
else{
switchPoint.innerText=7
document.all("frmTitle").style.display=""
}
}
</script>
</head>
<body scroll="no" style="MARGIN: 0px">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr><td id="frmTitle" name="frmTitle" nowrap valign="middle" align="center">
<iframe id=BoardTitle name=BoardMenu style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 148; Z-INDEX: 2" frameborder=0 src="menu.htm" scrolling="no"></iframe>
<td style="width:10pt" bgcolor="#D2E8E6" onclick="switchSysBar()">
<span class="navPoint" id="switchPoint" title="关闭/打开菜单">7</span>
</td>
<td style="width:100%"><iframe id="frmright" name="forum" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1" scrolling="auto" frameborder="0" src="forum.asp?room=100"></iframe></tr>
</table>
</body>
</html>

解决方案 »

  1.   

    关键是这里：
    function switchSysBar(){
    if (switchPoint.innerText==7){
    switchPoint.innerText=8
    document.all("frmTitle").style.display="none"
    }
    else{
    switchPoint.innerText=7
    document.all("frmTitle").style.display=""
    }
    }
      

  2.   

    我刚好用到这个！
    你用下面的代码生成一个 xxx.html
    然后新建一个文件，名叫a.html要求和xxx.html在同一目录。
    打开xxx.html
    然后换一换文件名，改改宽度和图形（csdn的箭头做的有点宽，你自己做一个好了）就可以用了。要是还不行，你就问问同事！<html>
    <head>
    <meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
    <style>
    .navPoint{font-family: Webdings;font-size:9pt;color:red;cursor:hand;}
    p{
    font-size:9pt;
    }
    </style>
    <script>
    function switchSysBar(){
    if (switchPoint.innerText==7){
    switchPoint.innerText=8
    document.all("frmTitle").style.display="none"
    }
    else{
    switchPoint.innerText=7
    document.all("frmTitle").style.display=""
    }
    }
    </script>
    </head>
    <body scroll="no" style="MARGIN: 0px">
    <table border="0" cellspacing="0" cellpadding="0" style="HEIGHT:100%;WIDTH:100%;">
    <tr><td colspan = 3>
    <iframe name=Boardtop style="HEIGHT:45px;WIDTH:100%;" frameborder=0 src="a.html" scrolling="no"></iframe><tr style="HEIGHT:100%;WIDTH:100%;"><td id="frmTitle" name="frmTitle" nowrap valign="center" align="middle">
    <iframe id=BoardTitle name=BoardMenu style="HEIGHT: 100%; WIDTH: 180px; " borderColor=#6699cc frameborder=1 src="a.html" scrolling="no"></iframe>
    <td style="WIDTH: 10pt" bgcolor="#6699cc" onclick="switchSysBar()">
    <span class="navPoint" id="switchPoint" title="关闭/打开菜单">7</span></td>
    <td style="WIDTH: 100%"><iframe id="frmright" name="MainFrame" style="HEIGHT: 100%; WIDTH: 100%; " borderColor=#6699cc frameborder=1 src="a.html"></iframe></td></tr><tr><td colspan = 3>
    <iframe name=Boardbut style="HEIGHT:50px;WIDTH:100%;" frameborder=0 src="a.html" scrolling="no"></iframe>
    </table>
    </body>
    </html>