javascript 控制层的显示或隐藏

最新推荐文章于 2018-05-30 12:13:49 发布

中国风2012

最新推荐文章于 2018-05-30 12:13:49 发布

阅读量1.2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/hanshileiai/article/details/9378333

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
function showLay1(){
	lay1.style.visibility="visible";
	lay2.style.visibility="hidden";
	lay3.style.visibility="hidden";
}
function showLay2(){
	lay1.style.visibility="visible";
	lay2.style.visibility="visible";
	lay3.style.visibility="hidden";
}
function showLay3(){
	lay1.style.visibility="visible";
	lay2.style.visibility="visible";
	lay3.style.visibility="visible";
}
</script>
<body>

<div id="lay1" style="position:absolute; left:60px; top:30px; width:250px; height:200px; index:1; visibility:visible">这是第一层内容,它的背景是透明的</div>

<div id="lay2" style="position:absolute; left:60px; top:30px; width:250px; height:200px; index:2; visibility:hidden; background-color:silver">这是第二层内容,它的背景是灰色的</div>

<div id="lay3" style="position:absolute; left:60px; top:30px; width:250px; height:200px; index:3; visibility:hidden"><br><br><br>这是第三层内容,它的背景是透明的</div>

<form id="form1" style="position:absolute; left:70px; top:250px;">
<input type="button" value="第一层" οnclick="showLay1()">
<input type="button" value="第二层" οnclick="showLay2()">
<input type="button" value="第三层" οnclick="showLay3()">
</form>
</body>
</html>

中国风2012

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 控制层的显示或隐藏

中国风function showLay1(){ lay1.style.visibility="visible"; lay2.style.visibility="hidden"; lay3.style.visibility="hidden";}function showLay2(){ lay1.style.visibility="visible"; lay
复制链接

扫一扫

专栏目录