📄 li7-2.html

📁 JavaScript经典实例教程代码

💻 HTML

字号:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>
<script language="JavaScript">
function showFirstLay()
{
document.layers['lay1'].visibility="show";
document.layers['lay2'].visibility="hide";
document.layers['lay3'].visibility="hide";

}
function showSecondLay()
{
document.layers['lay1'].visibility="show";
document.layers['lay2'].visibility="show";
document.layers['lay3'].visibility="hide";
}
function showThirdLay()
{
document.layers['lay1'].visibility="show";
document.layers['lay2'].visibility="show";
document.layers['lay3'].visibility="show";
}
</script>
<body>
<layer name="lay1" left=60px top=30px width=250px height=200px z-index=1 visibility=show>
这是第一层内容，它的背景是透明的。</layer>
<layer name="lay2" left=60px top=30px width=250px height=200px z-index=2 visibility=hide bgcolor="Silver">
这是第二层内容，它的背景色为灰色，它将遮住第一层内容。</layer>
<layer name="lay3" left=60px top=30px width=250px height=200px z-index=3 visibility=hide>
<br>
<br>
<br>
<br>
这是第三层内容，它的背景透明，将显示出下面第二层的内容。</layer>
<layer name="lay4" left=50px top=250px z-index=4>
<form id="myForm">
<input type="button" value=" 第一层 " onclick="showFirstLay()">
<input type="button" value=" 第二层 " onclick="showSecondLay()">
<input type="button" value=" 第三层 " onclick="showThirdLay()">
</form>
</layer>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -