CSS 带显示隐藏左部页面按钮

 1 <SCRIPT>
2 function switchSysBar(){
3 if (switchPoint.innerText==3)
4 {
5 switchPoint.innerText=4
6 document.all("frmTitle").style.display="none"
7 }
8 else
9 {
10 switchPoint.innerText=3
11 document.all("frmTitle").style.display=""
12 }
13 }
14 </SCRIPT>
15 <BODY scroll=no ><table height="100%" cellspacing=0 cellpadding=0 width="100%" border=0>
16 <tr><td height="80" colspan="3"><iframe style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 80px " name=topfram src="Top.asp" frameborder=0></iframe></td></tr>
17 <tbody>
18 <tr>
19 <td id="frmTitle" valign=center noWrap align=middle><iframe style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 205px; HEIGHT: 100%" name=leftfram src="Left.asp" frameborder=0></iframe></td>
20 <td bgcolor=#0095f9>
21 <table height="100%" cellspacing=0 cellpadding=0 border=0>
22 <tbody><tr bgcolor=#5F778B><td style="HEIGHT: 45%"></td></tr>
23 <tr id="lbar" bgcolor=#BCCAD7>
24 <td style="HEIGHT: 48" onClick=switchSysBar() onMouseOver="lbar.style.background='#F2F2F2';lbar.style.color='#000000'" onMouseOut="lbar.style.background='#BCCAD7';lbar.style.color='#FFFFFF'"><font style="FONT-SIZE: 8px; CURSOR: hand; FONT-FAMILY: Webdings"><span id=switchPoint>3</span></font></td>
25 </tr><tr bgcolor=#5F778B><td style="HEIGHT: 45%"></td></tr>
26 </tbody>
27 </table>
28 </td>
29 <td style="WIDTH: 100%"><iframe id=main style="Z-INDEX: 1; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%" name=mainfram src="Main.asp" frameborder=0 scrolling=yes></iframe></td>
30 </tr>
31 </tbody>
32 </table>
posted @ 2012-02-09 17:02  一篮饭特稀  阅读(726)  评论(0编辑  收藏  举报