87,904
社区成员
发帖
与我相关
我的任务
分享两个层的双向切换问题？
想在两个层之间切换，可是现在只能切换一次，要刷新之后才能切换，能不能在不刷新的情况下进行切换呢？我的代码如下：
<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
- 打赏
- 举报
不好意思, 上面按错按钮了.
修改如下:
<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='visible';
//原为:document.all("ok").style.visibility='hidden';
document.all("ok1").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">下层</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px; z-index:2">上层</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='visible';
//原为:document.all("ok").style.visibility='hidden';
document.all("ok1").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">下层</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px; z-index:2">上层</div>
</form>
</body>
</html>
紫郢剑侠 2003-09-29
- 打赏
- 举报
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("ok").style.visibility='visible';
document.all("ok1").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">下层</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px; z-index:2">上层</div>
</form>
</body>
</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("ok").style.visibility='visible';
document.all("ok1").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">下层</div>
<div id="ok1" style="position:absolute; visibility:hidden; width:100px; height:115px; z-index:2">上层</div>
</form>
</body>
</html>
