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,*";
}

}