求一个可收起来的左菜单

收起 onclick="左边框架的宽度"=0，右边=100%
展开 onclick=“左边框架的宽度”=300，右边=整个宽度-300

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

frameset即可点击滚动条上面那个图片之后左边框架的宽度"=0，
  顶，说的差不多了，可以把这些操作都写在点击三角形的 function 里面。
应该是左中右框架结构。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><frameset name='big' cols="120,20,*" frameborder="no" border="0" framespacing="0">
  <frame src="http://www.baidu.com" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
  <frame src='1.html' name="zhongFrame" scrolling="No" noresize="noresize" id="zhongFrame" />
  <frame src="http://www.google.com" name="mainFrame" id="mainFrame" />
</frameset>
</html>1.html
<style type="text/css">

</style>
<div style=" height:50px; width:20px; background-color:#0000FF" onclick="ss()"></div>
<script>
function ss(){window.top.frames["big"].cols=(window.top.frames["big"].cols=='120,20,*')?'0,20,*':'120,20,*'}
</script>
试了半天也没兼容 ff，望知道的人解答一下！！
<HTML>
<HEAD>
<TITLE>  </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<FRAMESET COLS="180,*" Frameborder="1" Border="1" framespacing="1"  oncontextmenu="return false" oncopy="document.selection.empty()">
<FRAME SRC="tree.asp" NAME="leftFrame" onclick="abc()">
<FRAME SRC="" NAME="rightFrame">
</FRAMESET>
<noframes>
<BODY></BODY>
</HTML>
这个onclick写在哪啊
  a.html 和 b.html 中的代码随便，关键是中间三角形符号的代码；main.html<frameset name='main' cols="18%,2%,80%" border="0">
     <frame src="a.html" name="left" />
      <frame src="c.html" scrolling="No" name="center" />
     <frame src="b.html" name="right" />
</frameset>
c.html<body style='bgcolor:blue;'>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<center>
<div id='myDiv' style='cursor:hand' onclick='change()'><</div>
</center>
</body>
<script>
  function change(){
window.top.frames["main"].cols=(window.top.frames["main"].cols=='18%,2%,80%')?'0,2%,98%':'18%,2%,80%'
document.all.myDiv.innerText = (document.all.myDiv.innerText=="<")?">":"<";
  }
</script>
<table align="center" width="100%" border="1" cellspacing="0" cellpadding="0" height="100%">
<tr>
    <td id="leftMenu" width="180" valign="top" >
      <iframe id="nima " name="left" marginwidth="0"  marginheight="0" src="org_left.jsp" frameborder="0" width="100%" scrolling="no" height="100%"></iframe>
    </td>    <td width="5" valign="middle">
      <table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0">
        <tr height="50%">
          <td style="background:transparent url(/js/img/vertical.jpg) repeat-y;"></td>
        </tr>
        <tr height="4%">
          <td align="left"><a href="#" onClick="frameCollapse()"><img id="frameImg" src="/js/img/left.jpg" alt="关闭菜单栏" border="0"></a></td>
        </tr>
        <tr height="50%">
          <td style="background:transparent url(/js/img/vertical.jpg) repeat-y;"></td>
        </tr>
      </table>
    </td> <td valign="top" align="center">
     <iframe height="100%"  marginwidth="0" marginheight="0" width="100%" src="" name="org_right" id="org_right" frameborder="0"  scrolling="no"></iframe>
    </td>
</tr>
</table>
<script language="JavaScript">
function frameCollapse(){
  if(leftMenu.width >= "180"){
leftMenu.width="1";
frameImg.src="/js/img/right.jpg";
frameImg.alt="打开菜单栏";
  }else{
leftMenu.width="180";
frameImg.src="/js/img/left.jpg";
frameImg.alt="关闭菜单栏";
  }
}
</script>
lunaticbaby，已经能实现了，可是不好看，有没有更好一些的方案呢，期待
<style>
div {height:400px;float:left;border:1px #aaa solid}
#left {background:#fef;border-right:none}
#center {background:#ffe;cursor:hand;padding:170px 5px;font-size:24px;border-right:none}
#right {background:#eef;}
</style>
<div style="width: 140px;" id="left">　</div>
<div style="width: 20px;" id="center" onclick='change()' title="点击左移"> ‹</div>
<div style="width: 640px;" id="right">　</div>
<script language="javascript">

</script>