28,390
社区成员
发帖
与我相关
我的任务
分享两个层的双向切换问题？
想在两个层之间切换，可是现在只能切换一次，要刷新之后才能切换，能不能在不刷新的情况下进行切换呢？我的代码如下：
<html>
<head>
<title>层切换</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function showit(aaa)
{
if (aaa.checked)
{
document.all("ok1").style.visibility='visible';
document.all("ok").style.visibility='hidden';
span_show.innerText = "显示内容";
}
else
document.all("ok1").style.visibility='visible';
document.all("ok").style.visibility='hidden';
span_show.innerText = "隐藏内容";
}
-->
</script>
</head>
<body>
<form >
<input type="checkbox" name="dd_switch" onclick="javascript:showit(this)" ><span id="span_show">显示内容</span>
<div id="ok" style="position:absolute; visibility:visible; width:200px; height:115px; z-index:1">fgsdfgsdfgsdfgsd</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px; z-index:2">fiyhiuyiyiiyid1</div>
</form>
</body>
</html>
<html>
<head>
<title>层切换</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function showit(aaa)
{
if (aaa.checked)
{
document.all("ok1").style.visibility='visible';
document.all("ok").style.visibility='hidden';
span_show.innerText = "显示内容";
}
else
document.all("ok1").style.visibility='visible';
document.all("ok").style.visibility='hidden';
span_show.innerText = "隐藏内容";
}
-->
</script>
</head>
<body>
<form >
<input type="checkbox" name="dd_switch" onclick="javascript:showit(this)" ><span id="span_show">显示内容</span>
<div id="ok" style="position:absolute; visibility:visible; width:200px; height:115px; z-index:1">fgsdfgsdfgsdfgsd</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px; z-index:2">fiyhiuyiyiiyid1</div>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
源码专家 2003-09-29
- 打赏
- 举报
function shLayers(n){
if(n.style.visibility=="visible"){
n.style.visibility="hidden";
}else if(n.style.visibility=="hidden"){
n.style.visibility="visible";
}
}
我这个更简单实用!
if(n.style.visibility=="visible"){
n.style.visibility="hidden";
}else if(n.style.visibility=="hidden"){
n.style.visibility="visible";
}
}
我这个更简单实用!
angelheavens 2003-09-29
- 打赏
- 举报
<html>
<head>
<title>层切换</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function showit()
{
if (document.theForm.advshow.checked == true)
{
document.all("ok1").style.visibility='visible';
document.all("ok").style.visibility='hidden';
span_show.innerText = "显示内容";
}
else{
document.all("ok1").style.visibility='hidden';
document.all("ok").style.visibility='visible';
span_show.innerText = "隐藏内容";}
}
-->
</script>
</head>
<body>
<form name="theForm">
<INPUT id=advcheck name=advshow type=checkbox value=1 onclick=showit()><span id="span_show">显示内容</span>
<div id="ok" style="position:absolute; visibility:visible; width:200px; height:115px;
z-index:1">fgsdfgsdfgsdfgsd</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px;
z-index:2">fiyhiuyiyiiyid1</div>
</form>
</body>
</html>
给分
<head>
<title>层切换</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function showit()
{
if (document.theForm.advshow.checked == true)
{
document.all("ok1").style.visibility='visible';
document.all("ok").style.visibility='hidden';
span_show.innerText = "显示内容";
}
else{
document.all("ok1").style.visibility='hidden';
document.all("ok").style.visibility='visible';
span_show.innerText = "隐藏内容";}
}
-->
</script>
</head>
<body>
<form name="theForm">
<INPUT id=advcheck name=advshow type=checkbox value=1 onclick=showit()><span id="span_show">显示内容</span>
<div id="ok" style="position:absolute; visibility:visible; width:200px; height:115px;
z-index:1">fgsdfgsdfgsdfgsd</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px;
z-index:2">fiyhiuyiyiiyid1</div>
</form>
</body>
</html>
给分
超级大笨狼 2003-09-29
- 打赏
- 举报
我在网吧，给你一段伪代码，代替你的 if (aaa.checked)
如果 visibility='visible'; 那么visibility='hidden';
否则 visibility='visible';
如果 visibility='visible'; 那么visibility='hidden';
否则 visibility='visible';
