📄 10.1.3.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>树状菜单的简单实现</title>
<script language="JavaScript" type="text/javascript">
<!--
function toggle(_dt){
var _dl=_dt.parentNode;
if(_dl.className=="collapse")_dl.className="expand";
else _dl.className="collapse";
}
//-->
</script>
<style type="text/css">
<!--
dl dt { cursor:pointer;padding:3px;}
dl dd { padding:3px;}
.expand { height:auto;}
.collapse { height:20px;overflow:hidden;}
-->
</style>
</head>
<body>
<dl>
<dt onclick="toggle(this)">根结点</dt>
<dd>子结点1</dd>
<dd>子结点2</dd>
<dd>子结点3</dd>
<dd>子结点4</dd>
</dl>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -