框架主页面 index.htm 的代码
xml 代码
- <html>
- <head>
- <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
- <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
- <meta name="ProgId" content="FrontPage.Editor.Document">
- <title>frame框架的显示隐藏操作 - 51windows.nettitle>
- head>
- <frameset name="full" rows="64,*,64">
- <frame name="top" scrolling="no" xnoresize target="contents" src="top.htm">
- <frameset cols="25%,*" name="cen">
- <frame name="contents" target="main" src="left.htm">
- <frame name="main" src="main.htm">
- frameset>
- <frame name="bottom" scrolling="no" xnoresize target="contents" src="bottom.htm">
- <noframes>
- <body>
- <p>此网页使用了框架,但您的浏览器不支持框架。p>
- body>
- noframes>
- frameset>
- html>
主页面 main.htm 的代码
js部分
js 代码
- function shtop(){
- if (parent.full.rows.indexOf("0,*,")!=-1){
- parent.full.rows="64,*,"+parent.full.rows.split(",")[2]
- document.getElementById("shtop").value="隐藏上部";
- }
- else{
- parent.full.rows="0,*,"+parent.full.rows.split(",")[2]
- document.getElementById("shtop").value="显示上部";
- }
- }
- function shleft(){
- if (parent.cen.cols=="0,*"){
- parent.cen.cols="25%,*,"
- document.getElementById("shleft").value="隐藏左部";
- }
- else{
- parent.cen.cols="0,*"
- document.getElementById("shleft").value="显示左部";
- }
- }
- function shbottom(){
- if (parent.full.rows.indexOf(",*,0")!=-1){
- parent.full.rows=parent.full.rows.split(",")[0]+",*,64"
- document.getElementById("shbottom").value="隐藏下部";
- }
- else{
- parent.full.rows=parent.full.rows.split(",")[0]+",*,0"
- document.getElementById("shbottom").value="显示下部";
- }
- }
- function maxmain(){
- if (parent.full.rows=="0,*,0"){
- parent.full.rows="64,*,64"
- parent.cen.cols="25%,*"
- document.getElementById("maxmain").value="隐藏左上下";
- document.getElementById("shtop").value="隐藏上部";
- document.getElementById("shleft").value="隐藏左部";
- document.getElementById("shbottom").value="隐藏下部";
- }
- else{
- parent.full.rows="0,*,0";
- parent.cen.cols="0,*";
- document.getElementById("maxmain").value="显示左上下";
- document.getElementById("shtop").value="显示上部";
- document.getElementById("shleft").value="显示左部";
- document.getElementById("shbottom").value="显示下部";
- }
- }
HTML源码部分
xml 代码
- <input type="button" name="maxmain" id="maxmain" onclick="maxmain();" value="隐藏左上下">
- <input type="button" name="shtop" id="shtop" onclick="shtop();" value="隐藏上部">
- <input type="button" name="shleft" id="shleft" onclick="shleft();" value="隐藏左部">
- <input type="button" name="shbottom" id="shbottom" onclick="shbottom();" value="隐藏下部">