📄 05.html
字号:
<html>
<head>
<title>动态下拉菜单</title>
<style type="text/css">
a {text-decoration: none}
</style>
<link href="page/1.css" rel="stylesheet">
<script language="javascript" src="page/2.js">
</script>
</head>
<body OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy">
<!--父菜单-->
<div Id="menuBar" class="menuBar" >
<div Id="Bar1" class="Bar" menu="menu1">新闻</div>
<div Id="Bar2" class="Bar" menu="menu2">体育</div>
<div Id="Bar3" class="Bar" menu="menu3">音乐</div>
<div Id="Bar4" class="Bar" menu="menu4">军事</div>
</div>
<!--一级子菜单-->
<div Id="menu1" class="menu" >
<div Id="menuItem1_1" class="menuItem" menu="menu6">国际</div>
<div Id="menuItem1_2" class="menuItem"><a href=http://news.sina.com.cn/china/ target=_black>国内</a></div>
<div Id="menuItem1_3" class="menuItem"><a href=http://news.sina.com.cn/people/ target=_black>其他</a></div>
</div>
<!--一级子菜单-->
<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem"><a href=http://f1.sina.com.cn/ target=_black>F 1赛事</a></div>
<div Id="menuItem2_2" class="menuItem">NBA赛事</div>
<div Id="menuItem2_3" class="menuItem">WCG赛事</div>
</div>
<!--一级子菜单-->
<div Id="menu3" class="menu">
<div Id="menuItem3_1" class="menuItem">古典</div>
<div Id="menuItem3_2" class="menuItem">摇滚</div>
<div Id="menuItem3_3" class="menuItem">民俗</div>
<div Id="menuItem3_4" class="menuItem" menu="menu5">流行</div>
</div>
<!--一级子菜单-->
<div Id="menu4" class="menu">
<div Id="menuItem4_1" class="menuItem">时事</div>
<div Id="menuItem4_2" class="menuItem">战史</div>
<div Id="menuItem4_3" class="menuItem">兵器</div>
<div Id="menuItem4_4" class="menuItem">兵法</div>
</div>
<!--二级子菜单-->
<div id="menu5" class="menu">
<div Id="menuItem5_1" class="menuItem">国内</div>
<div Id="menuItem5_2" class="menuItem">港台</div>
<div Id="menuItem5_3" class="menuItem">欧美</div>
</div>
<!--二级子菜单-->
<div id="menu6" class="menu">
<div Id="menuItem6_1" class="menuItem">时事动态</div>
<div Id="menuItem6_2" class="menuItem">热点追踪</div>
<div Id="menuItem6_3" class="menuItem" menu="menu7">时事点评</div>
</div>
<!--三级子菜单-->
<div id="menu7" class="menu">
<div Id="menuItem7_1" class="menuItem">无</div>
<div Id="menuItem7_2" class="menuItem">无</div>
<div Id="menuItem7_3" class="menuItem">无</div>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -