li7-2.html
来自「JavaScript经典实例教程代码」· HTML 代码 · 共 48 行
HTML
48 行
<!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 + =
减小字号Ctrl + -
显示快捷键?