左边菜单隐藏，右边全屏
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>hehe</title> <style type="text/css"> .td-mid {background-color:black; cursor:pointer;} .td-mid1 {background-color:black; cursor:pointer;} </style> <SCRIPT language="javascript" type="text/javascript"> //把左边菜单隐藏 function changeLeft() { left = document.getElementById("leftMenu"); mid=document.getElementById("menuSwitch"); right=document.getElementById("rightMenu"); if(left.style.display == ''){ left.style.display = 'none'; mid.className = 'td-mid1'; mid.style.width='3%'; right.style.width='97%'; } else{ left.style.display = ''; mid.className = 'td-mid'; mid.style.width='2%'; right.style.width='78%'; } } </SCRIPT> </head> <body topmargin="0" leftmargin="0"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="1"> <form name="policyform" action="" method="POST"> <tr> <td valign="top" class="OB-BC" id="leftMenu"> <table width="100%" border="0" cellpadding="0" cellspacing="1"> <tr> <td valign="top"><table width="100%" border="0" cellpadding="2" cellspacing="2"> <tr> <td ><table width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="8%">&nbsp;</td> <td width="92%">左边</td> </tr> </table></td> </tr> </table></td> </tr> </table> </td> <td style="width:2%;" class="td-mid" valign="top" id="menuSwitch" ></td> <td valign="top" id=rightMenu> <table cellpadding="2" cellspacing="1" width="100%" border="0"> <tr align="center"> <td><table width="100%" cellspacing="0" cellpadding="0"> <tr> <td>右边</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="25" colspan="3" style="background-color:#00FF00 ">copyright</td> </tr> </form> </table> </body> </html>
页:
[1]