摘要： 当您在 Internet 上进行浏览时，到处都在使用各种类型的下拉菜单，但如果您曾经尝试创建过一种类型的下拉菜单的话，就会了解此过程可能并非总是非常简单。本文解释了创建您自己的下拉菜单所需的脚本和样式。
下拉菜单简介
Internet 上几乎每个站点都存在某种种类的下拉菜单。您可能会发现，简单的下拉菜单会在网页的上部水平排列，复杂些的会级联子菜单，有些使用带有鼠标停留效果的图形，还有一些在网页的左侧或右侧竖直排列。如果您想过在自己的网站使用下拉菜单的话，本文则会在您开始行动时有所帮助，并且会解释清楚一些看起来比较神秘的功能。
大多数下拉菜单都使用动态 HTML (DHTML) 来创建特殊的显示/隐藏行为。所有 DHTML 都从客户端脚本和 CSS 样式的组合中获取其特殊功能。通常，这就意味着当用户执行某个操作时，就会触发浏览器中的事件，从而导致浏览器运行一个脚本来更改一个或多个元素的显示属性。
本文中所有的下拉菜单示例都能在 Microsoft Internet Explorer 5.0 或更高版本中正常运行。简单下拉菜单的示例和带有图像的下拉菜单示例还能在 Opera、Mozilla 和 Netscape 浏览器中按预期运行。级联下拉菜单示例能在 Internet Explorer 和 Opera 中按预期运行，但是在 Mozilla 或 Netscape 浏览器中却不行。
另外，本文中的 HTML 示例使用下列 DOCTYPE。如果您指定不同的 DOCTYPE，该代码则可能无法按照预期或希望来运行。这种情况下，您可能需要对代码进行更改，以使其能够与不同的 DOCTYPE 一起正常运行。（有关详细信息，请参阅 Working with HTML DOCTYPE Declarations in FrontPage。）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
创建简单下拉菜单
这个简单下拉菜单示例会在网页的上部产生一个水平菜单。当用户将鼠标指针指向每个菜单项时，浏览器都会显示一个下拉项列表项。图 1 显示了菜单在 Internet Explorer 中显示的方式。
精品推荐
