高分求JavaScript代码：控制框架隐藏
<framesetid="fra"cols="168,10,*"frameborder="no"border="0"framespacing="0"><framesrc=...
<frameset id="fra" cols="168,10,*" frameborder="no" border="0" framespacing="0">
<frame src="Left.asp" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" />
<frame src="Center.asp" name="CenterFrame" scrolling="no" noresize="noresize" id="CenterFrame" title="CenterFrame" />
<frame src="Right.asp" name="mainFrame" id="mainFrame" />
</frameset>
中间的框架是个按钮，一点，左侧框架隐藏了，再一点，左侧框架恢复了！主要的是隐藏了宽度也要隐藏，如果可以的话，我还想让按钮在隐藏时一个方向，显示时一个方向。
apollo47;我想用中间的框架控制点一下隐藏，点一下显示，怎么办啊？隐藏时图片箭头向右，打开是图片箭头向左，怎么做呢？ 展开
<frame src="Left.asp" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" />
<frame src="Center.asp" name="CenterFrame" scrolling="no" noresize="noresize" id="CenterFrame" title="CenterFrame" />
<frame src="Right.asp" name="mainFrame" id="mainFrame" />
</frameset>
中间的框架是个按钮，一点，左侧框架隐藏了，再一点，左侧框架恢复了！主要的是隐藏了宽度也要隐藏，如果可以的话，我还想让按钮在隐藏时一个方向，显示时一个方向。
apollo47;我想用中间的框架控制点一下隐藏，点一下显示，怎么办啊？隐藏时图片箭头向右，打开是图片箭头向左，怎么做呢？ 展开
5个回答
展开全部
给你个例子做参考。
我这里还将打开或关闭状态保存在cookie中，用户下次进来时，仍然记住了之前的打开或关闭状态。
function closeFrameset(){
var fs = parent.document.getElementsByTagName("frameset")[0];
fs.cols = "0,*";
value = "closed";
myCookie.setCookie("frameset_status", value);
document.getElementById("navigation").innerText="打开";
}
function openFrameset(){
var fs = parent.document.getElementsByTagName("frameset")[0];
fs.cols = "200,*";
value = "opened";
myCookie.setCookie("frameset_status", value);
document.getElementById("navigation").innerText="关闭";
}
我这里还将打开或关闭状态保存在cookie中，用户下次进来时，仍然记住了之前的打开或关闭状态。
function closeFrameset(){
var fs = parent.document.getElementsByTagName("frameset")[0];
fs.cols = "0,*";
value = "closed";
myCookie.setCookie("frameset_status", value);
document.getElementById("navigation").innerText="打开";
}
function openFrameset(){
var fs = parent.document.getElementsByTagName("frameset")[0];
fs.cols = "200,*";
value = "opened";
myCookie.setCookie("frameset_status", value);
document.getElementById("navigation").innerText="关闭";
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1。默认时先把左侧框架隐藏用style="display:none"，这个样式用在框架里。
2。把中间框架页面的按钮修改一下，input属性value=">"。
3。给按钮添加onclick="aaa();"事件
以下是javascript
function aaa(){
if(fra.style.display==''){
fra.style.display='none';
showbutton.value='<';
}
else{
fra.style.display='';
showbutton.value='>';
}
}
解释一下，showbutton是按钮的id
大概意思就是这样
2。把中间框架页面的按钮修改一下，input属性value=">"。
3。给按钮添加onclick="aaa();"事件
以下是javascript
function aaa(){
if(fra.style.display==''){
fra.style.display='none';
showbutton.value='<';
}
else{
fra.style.display='';
showbutton.value='>';
}
}
解释一下，showbutton是按钮的id
大概意思就是这样
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个很好做
首先你得事先准备两个图片，一个图片是按钮向左的，一个是按钮向右的。分别放入命名为不同的css代码里引入这两个图片.
当你点击按钮的时候首先获取要隐藏的对象的id
然后写上:
document.getElementById("对象id名称").style.display=document.getElementById("对象id名称").style.display==""?"none":"";
document.getElementById("按钮图片的id").className=document.getElementById("按钮图片的id").className=="向右的css"?"向左的css":"向右的css";
当点击按钮的时候他就会自动显示或隐藏了。
首先你得事先准备两个图片，一个图片是按钮向左的，一个是按钮向右的。分别放入命名为不同的css代码里引入这两个图片.
当你点击按钮的时候首先获取要隐藏的对象的id
然后写上:
document.getElementById("对象id名称").style.display=document.getElementById("对象id名称").style.display==""?"none":"";
document.getElementById("按钮图片的id").className=document.getElementById("按钮图片的id").className=="向右的css"?"向左的css":"向右的css";
当点击按钮的时候他就会自动显示或隐藏了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你个例子,你可以照着改,这是我显示开发中的代码
页面:
<div id="top">
<iframe src="head.jsp" frameborder="0"></iframe>
</div>
<div id="mid">
<div id="mid_left"><iframe name=left src="tree.do?nodeID=R020000" frameborder="0"></iframe></div>
<div id="mid_center"><div id="displayleft" onclick="shows();"></div></div>
<div id="mid_right" name='main'><iframe src="main.jsp" frameborder="0" scroll="yes" name='main'></iframe></div>
</div>
javascript:
function shows(){
leftbar = document.all("mid_left");
thisob = window.event.srcElement;
if(thisob.id == "displayleft"){
thisob.id = "showleft"
leftbar.className = "hid"
}
else{
thisob.id = "displayleft"
leftbar.className = "sw";
}
}
css:
.hid {display:none;}
.sw {display:show;}
页面:
<div id="top">
<iframe src="head.jsp" frameborder="0"></iframe>
</div>
<div id="mid">
<div id="mid_left"><iframe name=left src="tree.do?nodeID=R020000" frameborder="0"></iframe></div>
<div id="mid_center"><div id="displayleft" onclick="shows();"></div></div>
<div id="mid_right" name='main'><iframe src="main.jsp" frameborder="0" scroll="yes" name='main'></iframe></div>
</div>
javascript:
function shows(){
leftbar = document.all("mid_left");
thisob = window.event.srcElement;
if(thisob.id == "displayleft"){
thisob.id = "showleft"
leftbar.className = "hid"
}
else{
thisob.id = "displayleft"
leftbar.className = "sw";
}
}
css:
.hid {display:none;}
.sw {display:show;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用一个div把那个frame包起来,用一个javascript函数控制显示或者隐藏：
<html>
<script type="text/javascript" language="javascript">
function showFrame(){
var at=document.getElementById("haha").style.display;
if(at=='none')
document.getElementById("haha").style.display='block';
else
document.getElementById("haha").style.display='none';
}
</cript>
<div id="haha" align="center" style="display:block">
<frame src="Left.asp" name="leftFrame" scrolling="no" id="leftFrame" />
然后再页面某个你要显示控制的地方加入
<input type="button" value="控制" onclick="javascript:showFrame()"/>
</div>
</html>
<html>
<script type="text/javascript" language="javascript">
function showFrame(){
var at=document.getElementById("haha").style.display;
if(at=='none')
document.getElementById("haha").style.display='block';
else
document.getElementById("haha").style.display='none';
}
</cript>
<div id="haha" align="center" style="display:block">
<frame src="Left.asp" name="leftFrame" scrolling="no" id="leftFrame" />
然后再页面某个你要显示控制的地方加入
<input type="button" value="控制" onclick="javascript:showFrame()"/>
</div>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
