隐藏
name="pageframe">
noresize="noresize" name="pageleft" />
scrolling="no" noresize="noresize" name="pageline" />
src="main.html" name="mainFrame"
/>
页面布局为左边菜单页,中间有个12象素宽度的条形页(用于点击后显示隐藏左边的菜单页),右边则是主体页面了。
第2个文件:frameline.html
这个文件中设置了用JAVASCRIPT脚本显示隐藏左边菜单页FRAME框架的代码。
function ShowHideLeft(objtd){
if
(parent.pageframe.cols=="115,12,*"){
parent.pageframe.cols="0,12,*";
objtd.innerHTML = '>';
}
else{
parent.pageframe.cols="115,12,*";
objtd.innerHTML =
'<';
}
}
cellpadding="0" cellpadding="0" height="100%">
valign="middle" title="显示隐藏左菜单" onMouseOver=""
onClick="ShowHideLeft(this);"><
这样,当在中间的条形框架页frameline.html上点击时,就能实现显示或隐藏左边的菜单功能了
在head这个frame的head.html中有个button,
点击button的时候控制menu这个frame的隐藏,再次点击显示,如此反复.
function switchSysBar(){
if
(parent.document.getElementById('menu').cols=="152,*")
{
parent.document.getElementById('menu').cols="0,*";
}
else{
parent.document.getElementById('menu').cols="152,*";
}
}
局部刷新
functioninit(){
//leftTree是左边Frame的id
//重新加载这个页面
window.parent.frames["leftTree"].location.reload();
}