Flash制作有声网页导航菜单
作者：宇风多媒体 来源：网易 添加时间：2006-5-21 11:55:01| 实例预览：当别人进入你的主页的时，只要把鼠标掠过你的导航条的按钮，就会发出响声并弹出该按钮下一级菜单，点击菜单中的条目，就直接进入选中的内容，这就大大方便了浏览者，使之能快速找到需要的东西，再加上带漂亮动画按钮的目录条，你的主页一定会给人留下深刻印象。 知识提示：多级发声按钮的制作，跳转至特定的帧及网页等。 |
制作过程
步骤一、打开Flash，建立一个约尺寸为150×220的新文件，下面先制作组件。
1.选菜单栏中的插入>添加组件（Insert>New Symbol.），在出现的对话框中选按钮（Button), 命名为Btn-main，点OK后出现按钮编辑环境，制作按钮的三种状态,本按钮用了渐变填充,参见图1。
图1渐变填充的按钮
2.我们还可给按钮加上音效,先从菜单中选文件>导入(File>Import),在打开的对话框中选中所需的声音文件,点打开后在库（Library）中就有已导入的声音,然后给按钮增加一层,在Over帧插入空帧,从库中将一个声音文件拖到工作区,即给此帧加入了音响，再给Down帧插入空帧，并拖入另一声音，如图2所示。
图2给按钮加上声音
说明：这样的按钮会在两种状态发出不同的声音，我们可以马上测试以更好的理解这步的意义。
3.制作次级按钮框。选菜单栏中的插入>添加组件（Insert>New Symbol.），在出现的对话框中选图形（Graphic), 命名为Gp-Menu，用绘图工具画出如图3所示的下拉框。
图3绘下拉框
4.次级按钮的制作。按钮的制作方法我们在先面已有讲述，大家可以打开源程序分析，这里只说明一个技巧，就是如何让文字适配画框的大小，如图：
，设置见图4。
图4文字适配画框的对齐设置
5.做个隐形按钮。插入>添加组件（Insert>New Symbol.），在出现的对话框中选按钮（Button), 命名为Btn-snugly，隐形按钮在电影中不可见，但具有按钮的属性，因此我们只要在执行帧（Hit）绘制图形，即为按钮的响应区域，其它三帧空置，如图5所示。
图5隐形按钮
步骤二、组装导航条。按Ctrl+E切换至主场景，建立三层，从上至下分别命令为Menu、Buttons、Background层。
1.点中Background层，从库（library）中将隐形按钮Btn-snugly拖到工作区。
2.选择Buttons层，用矩形工具绘出一级菜单所在的长方形区域，我们将在这一级设四个主栏目。从库中分四次将按钮Btn-main拖到刚绘制的区域，对起后，再用文字输入工具把主栏目的名称分别输入到每个按钮上，设置好字体、字号、字的颜色等，如图6所示（谈蓝色的背景为隐形按钮Btn-snugly）。
图6一级按钮
3.安排弹出式菜单。先将Background及Buttons两个图层的第5帧上分别插入关键帧。选中Menu层，在它的第二帧处插入空帧，在库（Library）中拖出一个Gp-Menu图形放到与第一个栏目（编辑合成）按钮对应的地方，再拖出三个按钮（Authorware，director，Flash），分别放到次级菜单图形上，这就安排好了第一个弹出式菜单。用同样的方法，在第3帧处插入关键帧，安排好与第2个按钮相对应的菜单和它上面的小按钮，如此一直到第5帧，如图7所示。
图7二级按钮
步骤三、设置按钮动作响应。
1.双击第1帧（不管那层都行），在弹出的Frame Action对话框中双击停止（Stop)，即打开网页后首先停在第1帧这个画面。
2.选中导航条的第1个按钮（即“编辑合成”按钮），在Object Action面板上双击鼠标事件（On MouseEvent），然后在对话框下边勾选滑过（Roll Over）选项，再双击Go to，下一表框中把右面的帧数填入2，再次加入鼠标事件（On MouseEvent），勾选放开（Release），然后双击Get URL，在右边URL栏中输入想跳转的网址，在Window栏选_blank，即新开窗口，再次双击Go to，帧数填入1，如图8所示。
图8给按钮加上动作
这样当我们把鼠标放在这个按钮时就会出现下一级菜单，如果点击，松开鼠标后就会在新窗口打开你所链结的网页。同样设置其它三个按钮，动作的帧数要依次加1，如第2个按钮帧数为3，依此类推。
3.设置次级按钮的动作。选择Menu图层的第2帧，在做好的弹出式菜单中选中第1个按钮（这里是“Authorware”按钮），在Object Action面板选鼠标事件（On MouseEvent），勾选放开（Release），再从菜单中选Get URL，表框右栏URL项中输入对应的网址或路径 。其它次级按钮照此设置，只是超级链接的对象不同，如图9所示。
图9输入链结网址
4.设置让从次级菜单弹回的功能。单击谈蓝色的隐形按钮Btn-snugly，在Object Action面板按10图设置动作。因为隐形按钮是作为背景覆盖全部区域，所以点击导航条的按钮除外的地方，弹出的菜单都会消失。
图10隐形按钮的动作
最后的测试。按Ctrl+Enter，生成测试电影文件，但你会发现即使已上网也无法打开链结页面。为了测试链结，从菜单中选文件>发布预览>HTM(File>Publish Preview>HTM)或用快捷方式按F12，就会自动打开游览调入生成的swf文件，这时就能测试你的链结网址是否正确。