森林大作战:请问如何让鼠标单击按钮时,在页面的某一地方显示隐藏的层?

来源:百度文库 编辑:中科新闻网 时间:2024/05/03 03:40:50
请问如何让鼠标单击按钮时,在页面的某一地方显示隐藏的层?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script language="javascript">
<!--
var visible=true;
function Change()
{
var bt2=document.getElementById("t2");
if(visible)
{
bt2.style.visibility="hidden";
visible=false;
}
else
{
bt2.style.visibility="visible";
visible=true;
}

}
//================
var visible3=true;
function Change1()
{
var bt3=document.getElementById("t3");
if(visible3)
{
bt3.style.display="none";
visible3=false;
}
else
{
bt3.style.display="block";
visible3=true;
}

}
// -->
</script>
</BODY>
<div id="t2" style="width:100px;height=100px;border:2px green solid;background-color:red;"></div> <br />
<input type="button" value="变化" onclick="Change()"/>
<div id="t3" style="width:100px;height=100px;border:2px green solid;background-color:red;"></div><br />
<input type="button" value="变化2" onclick="Change1()"/>
</HTML>
================================
两个东西:display 和 visibility