05.html

来自「javescript网页特效80个例子」· HTML 代码 · 共 65 行

HTML

65 行

<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>

05.html - 源码说明

本页面展示了「javescript网页特效80个例子」中的 05.html 源码文件，采用 HTML 编程语言编写，共 65 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?