网站建设中使用flash8和Dreamweaver制作弹出菜单

1 网站建设用flash8和Dreamweaver制作弹出菜单

步骤1  新建一个名为“菜单1”、类型为“按钮”的元件。步骤2  绘制一个无边框、填充色为黄色的矩形。调整它的宽为80 px，高为18 px。步骤3   创建文字“内容一”，调整文字的大小、字体、颜色，并放在矩形中央。步骤4   用鼠标右键单击时间轴上的over帧插入关键帧，将填充色改为橙色。在down帧插入关键帧，将填充色改为绿色。步骤5  选择“窗口/库”命令打开库面板。在库中右键单击“菜单1”元件，选择“重复”命令复制新元件，将其改名为“菜单2”。双击“菜单2”元件，进入编辑状态，分别在up、over、down帧中将“内容一”改为“内容二”。用同样的方法制作“菜单3”“菜单4”。弹出菜单制作完成。

2 制作鼠标响应区域

步骤1  新建一个名为“鼠标响应区域”、类型为“按钮”的元件。在hit帧插入关键帧。

步骤2   绘制一个宽400 px，高150 px，填充色为任意色的矩形（因为hit帧中的内容不会显现在发布后的动画中[2]）。可以将此按钮拖拽到scene（场景）中，按Ctrl+Enter进行预览，虽看不到按钮，但鼠标移动到此按钮的区域内时会出现手形。

3 组合主菜单和弹出菜单

步骤1  新建一个名为“按钮组合”、类型为“影片剪辑”的元件。从library（库）中将“主菜单”元件拖拽到layer1，调整它的位置使其最右端与舞台中心点对齐，中心轴与舞台中心轴重合。

步骤2  为第2帧插入关键帧，并且在1、2帧上都加上actionscript（动作）：“stop(); ”。回到第1帧，在舞台上单击“主菜单”元件，在动作面板中输入：on (rollOver) {gotoAndStop (2);}意为：当鼠标移动到按钮上时开始播放第2帧。

步骤3   新建layer2，处于layer1之下。从库中拖拽“菜单1”“菜单2”“菜单3”“菜单4”元件到layer2的第2帧上，并如图5排列。

步骤4  选中“菜单1”元件，在属性面板中选择“跟踪按钮”选项。在actions面板中输入：on (release) {getURL(“ “);}意为：当鼠标按下时，跳转到链接网站建设页面。

步骤5  用同样的方法设置“菜单2”“菜单3”“菜单4”元件以及在动作面板中输入相应的actions。

步骤6  新建layer3，位于layer2之下，在第2帧插入关键帧，从库中将“鼠标响应区域”元件拖拽到舞台居中的位置（如图6）。单击“鼠标响应区域”元件，在动作面板中输入：on (rollOver) {gotoAndStop (1);}意为：当鼠标移动到“鼠标响应区域”按钮上时，跳转并停止在第1帧。

4 测试  在“场景1”中，将库中“按钮组合”元件拖拽到图层1，调整其位置，并可适当调整大小。由于Flash采用矢量技术，因此调整大小不会失真。最终效果是将鼠标移动到“学习内容”按钮上就出现手形，同时出现4个弹出菜单；将鼠标移动到弹出菜单上也会出现相应的变化，单击即跳转到链接页面。

通过上面介绍的2种方法，可以很轻松地制作出网页菜单中的下拉菜单，简洁、方便、实用。2种方法对比：Dreamweaver制作下拉菜单的方法更简单、快捷，但下拉菜单的外观形式受到限制，不能有更多的变化；Flash制作下拉菜单的方法复杂一些，但下拉菜单的外观形式可以有各式各样的变化。另外还有一点值得注意：在Dreamweaver中应用Show Pop-up Menu行为的主菜单必须设定假链接（#）；

并不是所有的网页浏览器都支持Flash的swf文件格式，需要有插件才能正常使用。大家可以在网站建设中各取所需，制作出适合网页风格的下拉菜单。