display 显示与隐藏控件
2013年06月26日
⁄ 综合
⁄ 共 1355字 ⁄ 字号
小 中 大
-
- <html>
- <head>
- <title></title>
-
- <script language="javascript">
- function hidden(id1,id2) {
- obj = document.getElementById(id1);
- str = obj.style.display ;
- ss_left = "<b><<br/><<br/><</b>";
- ss_right = "<b>><br/>><br/>></b>";
- if (str == "none") {
- obj.style.display="";
- document.getElementById(id2).innerHTML = ss_left;
- }
- else {
- obj.style.display="none";
- document.getElementById(id2).innerHTML = ss_right;
- }
-
- }
- </script>
- </head>
- <body>
- <table width="100%" height="100%" border="0">
- <tr id="atophd">
- <td>
- top
- </td>
- </tr>
- <tr>
- <td>
- <table width="100%" height="100%" border="0">
- <tr>
- <td id = "columns">
- <div id="side" style="width:100%;height:100%">left</div>
- </td>
- <td id="cHidd" width="2" valign="middle" bgcolor="red" onClick="hidden('columns', 'cHidd')">
- <b><<br/><<br/><</b>
- </td>
- <td>
- <iframe id="mainFrame" name="mainFrame" scrolling="auto" width="100%" height = "100%" frameborder="0" align="left" marginwidth="0" marginheight="5"></iframe>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
-
- </body>
- </html>