显示隐藏框架

本例实现功能，假设一个后台管理程序，分为左，中，右三个框架（三栏），左侧是栏目名称，右侧是具体的页面，中间的一个宽度仅为20像索的框架，它的功能是点击中间框架上的图片时，让左侧隐藏，再点击，左侧出现。

index.html页面：

<frameset   cols="200,20,*"   id="MainFrame"   name="MainFrame">
      <frame   src="../../left.html" name="left">
      <frame   src="../../middle.html" name="middle">
   <frame   src="../../right.html" name="right">
</frameset>

middle.html页面内容：

<body scroll="no">
<table width="100%" height="700" border="0" cellpadding="0" cellspacing="0" onClick="javascript:shframe()">
<tr>
    <td bgcolor="#CC9999"> </td>
</tr>
</table>

</body>
</html>
<script   language="javascript">
function   shframe()
{
        if(top.MainFrame.cols   ==   "0,20,*")
            top.MainFrame.cols   =   "200,20,*";
        else
            top.MainFrame.cols   =   "0,20,*";
}
</script>

思路提示：通过top来得到顶级页面，通过top.父框架名来得到框架对象，再通过其cols属性来划分各子框架的宽度。

昨夜风编写的示例下载：upload/2007_06/07061501172004.rar