首先看这下面的例子（鼠标移上去）：
Link 1
<![CDATA[-------------------------------------------
<!-- 样式部分 -->
<!-- 实现部分 -->
Link 1<br>
Link 2<br>
Link 3<br>
<br>
Link N<br>
菜单实例
-----------------------------------]]> 那么下面我们就由浅入深的对这种模拟菜单进行分析讲解。------------------------------------------------------
<HTML>
<head>
<title>菜单实例</title>
<style type=text/CSS>
td,div { font: normal 12px 宋体; }
</style>
</head>
<body style="margin-left:12px;margin-top:16px;">
<table cellpadding=0 cellspacing=0 width=90% height=20 bgcolor=#CCCCCC>
<tr>
<td width=10> </td>
<td width=80 align=center onmouseover="menuShow(menu01)"
onmouseout="menuHide(menu01)">菜单实例</td>
<!--
上两行为菜单中显示的文字，注意这里面的事件触发：
onmouseover="menuShow(menu01)" 鼠标经过时显示菜单；
onmouseout="menuHide(menu01)" 鼠标移走时隐藏菜单。
参数menu01即要显示的菜单的id，将在接下来的代码中看到。
menuShow与menuHide分别为显示、隐藏菜单方法，将在后面定义。
-->
<td> </td>
</tr>
</table>
<div style="position:absolute;top:36px;left:20px;display:none;
width:80px;height:100px;background-color:#DDDDDD;" id=menu01
onmouseover="menuShow(this)" onmouseout="menuHide(this)">
<!--
以上三行，定义了菜单的一些属性，注意“id=menu01”，前面提到过。
position、top、left、display四个CSS属性即上一章讲过的；
width、height、background-color分别为宽度、高度、背景色。
这里再一次出现onmouseover="menuShow(this)" onmouseout="menuHide(this)"，
就是说当鼠标从菜单按钮上移开，如果是移到了菜单上，菜单仍然显示。
注意这里参数是this而不是menu01，this即对象本身，在这里就是指menu01，所以结果相同。
在这里笔者有意使用this，只是想告诉大家一个技巧，这在很多时候非常方便。
-->
<br> 菜单内容
</div>
<script language=javascript>
function menuShow(menu) //定义显示
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
