弹出式菜单是网页制作中一种常见的菜单，它不仅容易制作，而且效果也很好。




效果描述



这个例子的效果是：当鼠标移动到文本，它会弹出一个漂亮的菜单，如图17-1和图17-2所示。



创造性思维

此示例首先输入网页中的一行文本，并对文本进行特殊的超链接，然后使用Dreamweaver MX 2004自己的动作生成弹出菜单。

操作步骤

（1）输入文本和设置超链接。在网页中输入文本，因为单个文本无法添加行为。根据Dreamweaver公约文本超链接设置为javaｓｃｒｉｐｔ:；可以添加行为。因此，文本超链接设置为javaｓｃｒｉｐｔ:；和显示弹出式菜单执行{ }的行为，如图17-3所示。


（2）设置菜单项和子菜单项，并为菜单设置超链接，然后安排各种菜单命令，如图17-4所示。


（3）设置页面元素。菜单设置为垂直菜单，以及字体、字体大小、对齐方式、一般状态和鼠标滑动状态分别设置，如图17-5所示。


（4）建立{先进}标签设置在高级标签选项菜单的延迟时间，以及是否菜单边框显示。然后设置宽度、颜色、阴影和亮度的边界，如图6所示。


注意：{菜单延迟}时间单位是毫秒（毫秒），1000毫秒等于1秒，设置时要注意转换。

（5）设置X轴和Y轴的参数。在位置选项卡选项中，设置弹出菜单的X轴和Y轴参数。这两个参数指示的距离从左上角到页面的左上角，如图17-7所示。


（6）保存网页文件，然后在浏览器中打开网页。当你把鼠标光标移到文本的顶部时，你可以看到有一个弹出菜单。这个例子已经完成，通过Dreamweaver，我们可以快速创建一个只能在过去的复杂代码中实现的弹出菜单，这样我们就可以实现复杂菜单的弹出和收缩，使用起来更方便，使页面美观整洁。