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

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

（3）按F2打开LAYER（层）面板，其中列出了网页中的三个层，点menu1和menu2的前面一格，出现闭着的眼睛图标，这两个层便隐藏起来了。操作这一步是因为下拉菜单的初始状态是不可见的。如图2-43所示。

图2-43 “层”面板

下面为下拉菜单添加显示和隐藏效果

本步骤分为两部分：第一，对导航条中的主菜单添加控制显示隐藏的命令；第二，给下拉选单本身添加显示隐藏的命令。

（4）选择第一个单元格中的文字部分，再按Shift+F4或选择“窗口”->“行为”命令打开行为面析，点按钮，在下拉选项中选中“显示-隐藏层”（如图2-44所示）。如果选项中没有这一项或这一项不可用，则选择“显示事件”下的IE 5.0（如图2-45所示）后，重新点击按钮，此时“显示-隐藏层”将出现或变为可用。

图2-44 “显示-隐藏层”菜单 图2-45 “显示事件”菜单

（5）这时将会弹出“显示-隐藏层”对话框。在“命名的层”框中会列出当前网页所有的层，选中“层 "menu1" ”，因为我们想要menu1这个层对“经典论坛”响应。然后点下面的“显示”按钮，选中“层 "menu2" ”，然后点击下面的“隐藏”按钮，然后单击“确定”即可。如图2-46所示。