display 显示与隐藏控件

最新推荐文章于 2024-08-09 10:34:44 发布

harbey

最新推荐文章于 2024-08-09 10:34:44 发布

阅读量958

点赞数

分类专栏： HTML 文章标签： border javascript

本文链接：https://blog.csdn.net/harbey/article/details/3117469

版权

HTML 专栏收录该内容

2 篇文章

订阅专栏

 
   
<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>
 