Click to hide the Left or Right columns of the page (in the same TABLE)
Copy codeThe Code is as follows:
<Style type = "text/css">
<! --
. NavPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}
. STYLE1 {FONT-FAMILY: Webdings; FONT-SIZE: 9pt; cursor: hand ;}
-->
</Style>
<Script>
Function switchSysBar (){
If (switchPoint. innerText = 3 ){
SwitchPoint. innerText = 4
Document. all ("frmTitle"). style. display = "none"
} Else {
SwitchPoint. innerText = 3
Document. all ("frmTitle"). style. display = ""
}}
</Script>
<Table border = "0" cellPadding = "0" cellSpacing = "0" height = "100%" width = "100%">
<Tr>
<Td width = "20%" align = "middle" vAlign = "center" noWrap bgcolor = "# CC99FF" id = "frmTitle" name = "frmTitle"> </td>
<Td class = a2 style = "WIDTH: 9pt"> <table border = "0" cellPadding = "0" cellSpacing = "0" height = "100%">
<Tr>
<Td style = "HEIGHT: 100%" onClick = "switchSysBar ()"> <font style = "FONT-SIZE: 9pt; CURSOR: default; COLOR: # ffffff "> <br/>
<Br/>
<Br/>
<Br/>
<Br/>
<Br/>
<Br/>
<Br/>
<Font color = "# FF0000"> <br/>
<Br/>
<Br/>
<Br/>
<Br/>
<Span class = "STYLE1" id = "switchPoint" title = "close/open the left column"> 3 </span> <br/>
<Br/>
<Br/>
<Br/>
<Br/>
<Br/>
</Font> <br/>
<Br/>
Screen switching </font> </td>
</Tr>
</Table> </td>
<Td bgcolor = "# FFCC99" style = "WIDTH: 100%"> </td>
</Tr>
</Table>
Click the button that hides the left and right columns as an image, modify JS, and add ID to IMG. Here id = aa can also be changed to another name. For more information, see:
<Script>
Function switchSysBar (){
If (document. all. aa. src. indexOf ("bl_1 ")! =-1 ){
Aa. src = "images/al_1.gif"
Document. all ("frmTitle"). style. display = "none"
} Else {
Aa. src = "images/bl_1.gif"
Document. all ("frmTitle"). style. display = ""
}
}
</Script>
<Table width = "100%" height = "100%" border = "0" cellspacing = "0" cellpadding = "0">
<Tr>
& Lt; td width = "770" valign = "top" & gt; & lt;/td & gt;
<Td width = "10" onClick = "switchSysBar () "> </td>
<Td width = "191" valign = "top" id = "frmTitle" name = "frmTitle"> </td>
</Tr>
</Table>