我做的一个splitter

最新推荐文章于 2023-12-24 11:19:19 发布

overmind

最新推荐文章于 2023-12-24 11:19:19 发布

阅读量1.4k

点赞数

分类专栏： html+javascript 文章标签： javascript border function xhtml scroll table

本文链接：https://blog.csdn.net/overmind/article/details/1122345

版权

html+javascript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" >
<head>
    <title>aaa</title>
    <script type="text/javascript">
    var isLeftFrameExpand = true;
    function moveBar(){
        if(isLeftFrameExpand){
            document.all["LeftFrame"].style.width="0px";
            isLeftFrameExpand = false;
        }
        else{
            document.all["LeftFrame"].style.width="200px";
            isLeftFrameExpand = true;
        }
    }

    function MouseOutBar(){
        if(isLeftFrameExpand){
            document.all["ExpandBar"].src='./testSpliter/images/splitter_horColHover.gif';
        }
        else{
            document.all["ExpandBar"].src='./testSpliter/images/splitter_horExpHover.gif';
        }
    }

    function MouseOnBar(){
        if(isLeftFrameExpand){
            document.all["ExpandBar"].src='./testSpliter/images/splitter_horCol.gif';
        }
        else{
            document.all["ExpandBar"].src='./testSpliter/images/splitter_horExp.gif';
        }
    }

    this.src='./testSpliter/images/splitter_horCol.gif'
    </script>
</head>
<body>
<table border="0px" cellpadding="0px" cellspacing="0px" style=" position:absolute; left:0px;top:0px">
<tr>
    <td><iframe id="LeftFrame" frameborder="0" src="left.htm" style="overflow:scroll; border:0px" width="200px"></iframe></td>
    <td>
    <table border="0px" cellpadding="0px" cellspacing="0px">
        <tr><td style=" height:240px; background-image:url('./testSpliter/images/splitter_horBg.gif')" > </td></tr>
        <tr><td style=" height:80px; background-image:url('./testSpliter/images/splitter_horBg.gif')" ><img id="ExpandBar" src="./testSpliter/images/splitter_horColHover.gif" alt="" οnmοusemοve="javascript:MouseOnBar();" οnmοuseοut="javascript:MouseOutBar();" οnclick="javascript:moveBar();"/></td></tr>
        <tr><td style=" height:240px; background-image:url('./testSpliter/images/splitter_horBg.gif')" ></td></tr>
    </table>
    </td>
    <td><iframe id="RightFrame" frameborder="0" src="right.htm" style="overflow:scroll;border:0px"></iframe></td>
</tr>
</table>
</body>
</html>

overmind

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我做的一个splitter

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > aaa var isLeftFrameExpand = true; function moveBar(){ if(isLeftFrameExpand){ doc
复制链接

扫一扫

专栏目录