Frame/center.html

微信扫码关注公众号，代码整理好后第一时间通知你。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> 一嗨租车信息管理系统</title>
    <style type="text/css">
        body
        {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            overflow: hidden;
        }
    </style>
    <script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
</head>
<body>
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>

            <td valign="top" id="trLeft" style="width:190px;">
                <iframe height="100%" width="100%" border="0" frameborder="0" src="Left.aspx"  id="left" name="left" ></iframe>
            </td>
            <td bgcolor="#add2da" style="width:8px;">
                <img id="imgFlg" src="images/zheng.jpg" style="cursor:pointer;" onclick="OnHide();" />
            </td>
            <td valign="top" style="width:auto;">
                <iframe height="100%" width="100%" id="fright" name="fright" border="0" frameborder="0"
                    src="../Main.aspx"></iframe>
            </td>
        </tr>
    </table>
</body>
</html>

<script type="text/javascript">
function OnHide(){
    var width = $("#trLeft").css("width");
    if(width=="170px")
    {
        $("#trLeft").css("width","1px");
        $("#imgFlg").attr("src","images/fan.jpg");
    }
    else
    {
        $("#trLeft").css("width", "170px");
        $("#imgFlg").attr("src","images/zheng.jpg");
    }
}
</script>