标题:请教一个层的问题
只看楼主
lihaoru
Rank: 1
等 级:新手上路
帖 子:74
专家分:0
注 册:2004-11-11
 问题点数:0 回复次数:2 
请教一个层的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<script LANGUAGE="JavaScript">
function showOrHide(value) {
if (value==0) {
if (document.layers)
document.layers["layer1"].visibility='hide';
else
document.all["layer1"].style.visibility='hidden';
}
else if (value==1) {
if (document.layers)
document.layers["layer1"].visibility='show';
else
document.all["layer1"].style.visibility='visible';
}
}
</script>
<form NAME="form1">
<input TYPE="button" VALUE="显 示" onClick="showOrHide(1);">
<input TYPE="button" VALUE="关 闭" onClick="showOrHide(0);">
</form>
<div ID="layer1" style="position:absolute; LEFT:169px; TOP:46px; background-color:#BFE3C0; width:120;height:100; visibility:hidden">
<font color=blue><b>欢迎你的光临!</b></font><br>
<font color="#7E059C">这个脚本很有用的,具体的你自己想想</font></div>
</body>
</html>

这样写的话可以正常显示和隐藏层,但是如果再加一个层的话打开页面就会说“语法错误”,点了"显 示"后会说“缺少对像”,请问是为什么?
加了一个层后的源码是这样写的:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<script LANGUAGE="JavaScript">
function showOrHide(value) {
if (value==0) {
if (document.layers)
document.layers["layer1"].visibility='hide';
document.layers["layer2"].visibility='hide';
else
document.all["layer1"].style.visibility='hidden';
document.all["layer2"].style.visibility='hidden';
}
else if (value==1) {
if (document.layers)
document.layers["layer1"].visibility='show';
document.layers["layer2"].visibility='show';
else
document.all["layer1"].style.visibility='visible';
document.all["layer2"].style.visibility='visible';
}
}
</script>
<form NAME="form1">
<input TYPE="button" VALUE="显 示" onClick="showOrHide(1);">
<input TYPE="button" VALUE="关 闭" onClick="showOrHide(0);">
</form>
<div ID="layer1" style="position:absolute; LEFT:169px; TOP:46px; background-color:#BFE3C0; width:120;height:100; visibility:hidden">
<font color=blue><b>欢迎你的光临!</b></font><br>
<font color="#7E059C">这个脚本很有用的,具体的你自己想想</font></div>

<div ID="layer2" style="position:absolute; LEFT:365px; TOP:45px; background-color:#BFE3C0; width:120;height:100; visibility:hidden">
<font color=blue><b>欢迎你的光临!</b></font><br>
<font color="#7E059C">这个脚本很有用的,具体的你自己想想</font></div>

</body>
</html>

[此贴子已经被作者于2005-12-7 13:45:40编辑过]

搜索更多相关主题的帖子: function blank content PUBLIC target 
2005-12-07 13:41
阳光白雪
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:39
帖 子:2220
专家分:0
注 册:2005-11-18
得分:0 

<script LANGUAGE="JavaScript">
function showOrHide(value) {
if (value==0) {
if (document.layers){
document.layers["layer1"].visibility='hide';
document.layers["layer2"].visibility='hide';
}else{
document.all["layer1"].style.visibility='hidden';
document.all["layer2"].style.visibility='hidden';
}
}
else if (value==1) {
if (document.layers){
document.layers["layer1"].visibility='show';
document.layers["layer2"].visibility='show';
}else{
document.all["layer1"].style.visibility='visible';
document.all["layer2"].style.visibility='visible';
}
}
}
</script>
注意JS的语法!!!~~

[此贴子已经被作者于2005-12-7 14:35:53编辑过]


专注于WEB前端交互平台开发:[url=http://blog./]blog.[/url](富客户端技术(RIA)交流平台)
2005-12-07 14:35
lihaoru
Rank: 1
等 级:新手上路
帖 子:74
专家分:0
注 册:2004-11-11
得分:0 
谢谢,还在学习中
2005-12-07 16:38



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-37061-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017941 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved