框架隐藏的问题...?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Frame.aspx.cs" Inherits="sys_Admin_Frame" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>后台管理</title>
</head>
<frameset rows="53px,*" frameborder="0" border="0" framespacing="0"  id="IndexFrame" name="IndexFrame">
  <frame src="Top.aspx" name="topFrame" scrolling="no" noresize="noresize" id="topFrame"  />
  <frameset cols="225px,20px,*" frameborder="0" border="0" framespacing="0" >
  <frame src="Left.aspx" name="menuFrame" scrolling="auto" noresize="noresize" id="menuFrame" />
   <frame src="abc.htm" name="abc" scrolling="no" noresize="noresize" id="abc" />
  <frame src="Right.aspx" name="mainFrame" scrolling="auto" noresize="noresize" id="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>
abc.htm就是一张图片 怎么点击图片 隐藏Left 在点击显示

解决方案 »

  1.   

    abc里面只有
    <div class="center" id="Mobile"></div>
    一行
    样式里面已经定义一张图片了怎么点击这个层 来实现我上面说的功能  请高人指点
      

  2.   

    给frameset一个name<frameset name="p_frame" cols="225px,20px,*" frameborder="0" border="0" framespacing="0" >//隐藏
    top.p_frame.cols = "0,20,*";
    hidden = true;
    //显示
    top.p_frame.cols = "225,20,*";
    hidden = false;
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>后台管理</title>
    </head>
    <frameset rows="53px,*" frameborder="0" border="0" framespacing="0" id="indexFrame">
    <frame src="Top.aspx" name="topFrame" scrolling="no" noresize="noresize" id="topFrame" />
    <frameset cols="225px,20px,*" frameborder="0" border="0" framespacing="0" id='mainFrame'>
    <frame src="Left.aspx" scrolling="auto" noresize="noresize" id="leftFrame" />
    <frame src="abc.htm" scrolling="no" noresize="noresize" id="abc" />
    <frame src="Right.aspx" scrolling="auto" noresize="noresize" id="rightFrame" />
    </frameset>
    </frameset>
    <noframes>
    <body>
    </body>
    </noframes>
    </html>abc.htm
    <script type="text/javascript">
    var Mobile = document.getElementById('Mobile');
    Mobile.onclick = function(){
    var frame = top.document.getElementById('mainFrame');
    if (frame.hide) frame.cols = "225,20,*", frame.hide = false;
    else frame.cols = "0,20,*", frame.hide = true;
    }
    </script>