请问如何让鼠标单击按钮时,在页面的某一地方显示隐藏的层?
答案:1 悬赏:20
解决时间 2021-03-12 22:13
- 提问者网友:血樱陌殇
- 2021-03-12 13:52
请问如何让鼠标单击按钮时,在页面的某一地方显示隐藏的层?
最佳答案
- 二级知识专家网友:不服输的倔强
- 2021-03-12 14:16
<!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
<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
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯