模拟网页下拉菜单中有几个比较关键的CSS属性：positi><table cellpadding=0 cellspacing=0 width=90% height=20 bgcolor=#CCCCCC> <tr> <td width=10> </td> <td width=80 align=center >菜单实例</td> <!-- 上两行为菜单中显示的文字，注意这里面的事件触发： 　鼠标经过时显示菜单； 　鼠标移走时隐藏菜单。 参数menu01即要显示的菜单的id，将在接下来的代码中看到。 menuShow与menuHide分别为显示、隐藏菜单方法，将在后面定义。 --> <td> </td> </tr></table><div style="positi ><!-- 以上三行，定义了菜单的一些属性，注意“id=menu01”，前面提到过。 positi ， 就是说当鼠标从菜单按钮上移开，如果是移到了菜单上，菜单仍然显示。 注意这里参数是this而不是menu01，this即对象本身，在这里就是指menu01，所以结果相同。 在这里笔者有意使用this，只是想告诉大家一个技巧，这在很多时候非常方便。--> <br>   菜单内容</div><script language=javascript>function menuShow(menu) //定义显示菜单的方法，参数menu即菜单的id。{ menu.style.display=''block''; //注意这里如何用JavaScript改变style对象的属性来达到改变CSS属性的目的。}function menuHide(menu) //定义隐藏菜单的方法，参数menu即菜单的id。{ menu.style.display=''none''; //同上}</script></body></html>------------------------------------------------------　　这样，一个简单的菜单就实现了，只要你略有一些相关的基础知识，反复体会一下我加的注释，就应该可以理解了，是不是并不难？

　　这个菜单现在看上去还有点简陋，下次我们将对这个菜单进行进一步的修饰。

欢迎您访问www.5ucms.org