网站建设实验指导书(7)

Dreamweaver 软件 网站建设报告指导。

图2-46 “显示-隐藏层”对话框

（6）这时会回到行为面板中，面板中出现如图2-47所示字样，点击文字“onClick”，会出现一个向下的小箭头，点击它，在下拉选项中选中onMouseOver如图2-48所示。这一步的作用是实现当鼠标移至第一个单元格时，下拉选单menu1的状态变为显示（Show）。

图2-47 “行为”面板 图2-48 下拉选项中的行为动作

（7）用同样的方法设置下拉选单menu2在鼠标移至第二个单元格的文字上时变为显示状态。只是选中“层 "menu2" ”，然后点下面的“显示”按钮，选中“层 "menu1" ”，然后点击下面的“隐藏”按钮，如图2-49所示。回到行为面板中，点击onClick向下的小箭头，在下拉选项中选中onMouseOut。

图2-49 “显示-隐藏层”对话框

（8）选中层menu1，用与导航条部分同样的方法在行为面板中为它添加显示与隐藏自己的命令。这样做的效果是当鼠标移出层menu1时，层menu1就自动隐藏。最后层menu1的onMouseOut行为的设置如图2-50所示，onMouseOver行为的设置如图2-51所示。

图2-50 层memu1的onMouseOut行为设置

图2-51 层memu1的onMouseOver行为设置

Dreamweaver 软件 网站建设报告指导。

（9）用同样的方法为层memu2添加显示与隐藏自己的命令。到此为止，这个下拉菜单已经制作完成，保存后我们按F12键测试。