网页菜单详解之初步实现

• 关 键 词：
• html
• css

------------------------------------------------------














      上两行为菜单中显示的文字，注意这里面的事件触发：

      onmouseover="menuShow(menu01)"　鼠标经过时显示菜单；

      onmouseout="menuHide(menu01)"　鼠标移走时隐藏菜单。

      参数menu01即要显示的菜单的id，将在接下来的代码中看到。

      menuShow与menuHide分别为显示、隐藏菜单方法，将在后面定义。

    -->
 
菜单实例
 





  以上三行，定义了菜单的一些属性，注意“id=menu01”，前面提到过。

  position、top、left、display四个CSS属性即上一章讲过的；

  width、height、background-color分别为宽度、高度、背景色。

  这里再一次出现onmouseover="menuShow(this)" onmouseout="menuHide(this)"，

  就是说当鼠标从菜单按钮上移开，如果是移到了菜单上，菜单仍然显示。

  注意这里参数是this而不是menu01，this即对象本身，在这里就是指menu01，所以结果相同。

  在这里笔者有意使用this，只是想告诉大家一个技巧，这在很多时候非常方便。

-->

  
   菜单内容









------------------------------------------------------

【深 度 阅 读】 相 关 文 章