j控制frameset修改cols，页面的隐藏和打开。

首先来看下页面展示效果：

这是页面打开时的显示效果，点击中间的倒三角就可以关闭侧边页面了。

关闭时的效果：

由于第一次玩 frameset，网上搜了一下怎么修改cols，大多数多这样写：

  window.parent.document.getElementsByTagName("pgFrame")[0].cols="0,10,*";

我用了这种方法，没有成功。

、

试了很多次各种写法，终于有一个写法成功了。如下：

这个是frameset。

  <frameset cols="190,10,*" id="pgFrame" name="pgFrame" frameborder="no" border="0" framespacing="0">    <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />     <frame src="mid.html" name="midFrame" id="midFrame" title="midFrame" />      <frame src="project-finance.html" name="rightFrame" id="rightFrame" title="rightFrame" />        </frameset>

下面是js：给图片设置一个点击事件：就按如下写法，就可以实现部门页面的显示和隐藏。

$(function(){$(".mid").click(mid);})function mid(){if(top.parent.pgFrame.cols == "190,10,*"){ top.
$(function(){$("#tab2").click(tab2);})

后面几天又遇上了 一个相似的，用上面的写法行不通了：改成下面的就好了：注意id变了

经过尝试，发现方法是对的，要是不成功，那就是选择器的问题，父页面 子页面啥的 ，多换几次选择器就ok了。

$(function(){$("#tab2").click(tab2);})function tab2(){if(window.parent.pg1frameborder.rows=="116,7,30,*"){window.parent.pg1frameborder.rows="0,7,30,*";}else{window.parent.pg1frameborder.rows="116,7,30,*";}}