这样的下拉菜单该怎么办？
作者:Poorfish
Dreamweaver是制作下拉菜单最常用的工具，方法简单，控制自如。它能尽可能的创造菜单风格，是制作下拉菜单的必修课。
用Dreamweaver制作下拉菜单的原理很简单。它使用行为面板中的内置方法Show-Hide Layers，并使用onMouseOver和onMouseOut来触发层的隐藏和显示，将出现的菜单就在层中。
所以，我们可以分四步做一个下拉菜单。首先，我们需要一个导航栏来放置首先出现在查看者面前的主菜单。然后做一个隐藏时会出现的下拉菜单；然后，最关键的一步是在主菜单和下拉菜单中加入隐藏和显示图层的效果；最后，我们美化菜单。你也可以访问以下地址:menu.htm。
相信你已经等不及了，那就马上开始吧！
一、导航栏的制作
首先做一些必要的前期工作，按CTRL+J打开页面属性窗口，参数设置如图2所示。这个设置会影响菜单的位置，所以请按图示设置。
按CTRL+F2打开对象面板，单击图层按钮，在页面中按住鼠标拖出一个图层，然后在图层的属性面板中设置各种参数，在图层ID框中填写标题，在L、T、W、H框中分别填写8、15、480、15，并填写背景色# 00699，如图所示。
将光标移动到图层，单击“对象”面板上的“表格”按钮，然后插入一个一行四列的表格，如图所示。
按住CTRL键并单击表格的四个单元格，然后将它们的宽度设置为120，并在前两个单元格中输入文本，这是您的主菜单的名称。您可以输入您想要的名称。我以“经典论坛”和“天网”为例，并添加链接。
二、下拉菜单的制作
现在开始制作下拉菜单，也用图层制作。
从Objects面板中插入一个图层到我们之前做的导航栏下部，填入参数如下:图层ID框填入menu1，L，T，W，H框分别填入8，34，120，80，背景色填入# 99966，其中L和T两个参数设置这个图层与窗口的左上边框的距离。
这时，我们可以在menu1的图层中输入我们想要的菜单内容。为了排版方便，我这里还是用表格做菜单。这一层会出现“经典论坛”的下拉菜单，填写你需要的菜单链接。同理，做一个“天网”的下拉菜单(Layer menu2)。
这一步需要注意的是，下拉菜单(menu1，menu2)所在图层的位置很重要(由L和T两个参数决定)。它们的上边缘要靠近导航栏的下边缘，这样才能保证我们后面完成第三步后，菜单还能正常使用。因为如果你远离导航栏，鼠标一离开导航栏菜单就消失了。
按F2打开图层面板，该面板列出了网页中的三个图层。点击menu1和menu2前面的方框，会出现闭眼图标，这两层是隐藏的。完成这一步是因为下拉菜单的初始状态是不可见的。
第三，显示和隐藏添加的效果
这一步是化腐朽为神奇的关键一步。请仔细跟着我。
这一步分为两部分:首先在导航栏主菜单中添加一个控制隐藏信息显示的命令；第二，在下拉菜单本身添加一个命令来显示隐藏。
1.导航栏部分
首先，按CTRL键并单击导航栏中的第一个单元格。现在按Shift+F3打开行为窗口，单击按钮，并在下拉选项中选择“显示-隐藏层”(如图所示)。如果此选项不可用，请在“显示事件”下选择IE 5.0，然后再次单击按钮。这时会出现“显示-隐藏图层”。
这时会弹出一个窗口，如下图。在命名图层框中，将列出当前网页的所有图层，并选择“layer”menu1”，因为我们希望menu 1的这一层能够响应“经典论坛”。然后点击下面的“显示”按钮，确定。
此时，您将返回到“行为”窗口，下图所示的单词将出现在窗口中。单击Events下的单词“onClick ”,会出现一个向下的小箭头。点击它，在下拉选项中选择onMouseOver。这一步的作用是实现当鼠标移动到第一个单元格时，下拉菜单menu1的状态变为Show。
下一步是当鼠标移动到第二个单元格时，隐藏下拉菜单menu2。
再次点击按钮，在下拉选项中选择“显示-隐藏图层”，在弹出窗口中选择“图层”menu1，因为我们想让menu1的这一层响应“经典论坛”。然后点击下面的“隐藏”按钮，确定。
返回到“行为”窗口，单击向下箭头，并在下拉选项中选择onMouseOut。
2.下拉菜单部分
通过单击层的边缘或单击“层”面板中的菜单1，首先选择层菜单1，然后添加命令以在“行为”窗口中显示和隐藏自己，方式与导航栏相同。这样做的效果是，当鼠标移出层菜单1时，层菜单1会自动隐藏。最后一层menu1的状态如图所示。
3.重复上面两个部分，为导航栏第二个主菜单“天极网”和图层菜单2添加显示和隐藏图层的命令。
第四，下拉菜单的美化
至此，下拉菜单的功能效果已经实现。现在按F12就可以看到了。但是你一定也发现菜单有点丑，文字不够精细，菜单选项默认链接颜色不好看，菜单没有边框，还是稍微美化一下吧。
1.定义菜单字体样式
按Shift+F11打开“CSS样式”面板，然后单击面板下方的按钮。
在弹出的“New Style”窗口的Tag框中选择td Tag，Type选择第二个Redefine HTML Tag，define选择This Document Only，如图。
这时会弹出设置窗口。不管别的，只要在右边的尺寸框里选择12，单位是像素。
2.定义菜单链接样式
在“样式”面板中，单击面板下方的按钮。在弹出的窗口中，选择第三项使用CSS选择器作为类型，在标签框中选择a:hover标签，选择此文档仅用于定义，如图所示。
点击确定，在弹出的窗口中，颜色填写#ff9933，装饰选择无，点击确定。
回到“样式”面板，单击面板下方的按钮，在弹出窗口中，选择第三个项目“使用CSS选择器”作为“类型”，在“标记”框中选择a:link标记，并选择“此文档仅用于定义”。
点击确定，在弹出的窗口中，填入#ffffff作为颜色，选择无作为装饰，点击确定。
返回到样式面板，单击面板下方的按钮，在弹出窗口中，选择第三个项目“使用CSS选择器”作为“类型”，在“标记”框中选择a:visited标记，并选择“此文档仅用于定义”。
点击确定，在弹出的窗口中，填入#ffffff作为颜色，选择无作为装饰，点击确定。
3.定义菜单边框样式
在样式面板中，点击面板下方的按钮，在弹出的窗口中，在标签框中选择td标签，在类型中选择第二个Redefine HTML标签，在定义中选择本文档，如图。
弹出设置窗口，从左侧列表中选择边框，输入右侧四边宽度为1，颜色设置为黑色#000000，样式选择纯色。
在这一点上，我们成功了。快速使用你的网页。