在Fireworks4中制作弹出菜单全过程技巧大揭密

文 / Donger　整理 / jingr

一、 弹出菜单介绍

　　随着动态交互式网页制作技术的发展，目前有很多网站都采用了一种弹出菜单的技术来实现网站的导航效果，例如微软及Macromedia的网站。在以前这都必须是具有专业的网页编程技术人员花费一定时间才能制作出来的效果，如今在Macromedia Fireworks4.0版本中能够轻松地制作了。弹出菜单的制作是Fireworks4中新增的一项强大的功能，利用它我们可以制作出常见的弹出菜单效果，甚至不需要花一点点的JavaScript编程技术。看来Macromedia Fireworks已经不满足于单纯的网页设计而是逐渐向丰富多彩的交互式网页设计制作靠拢了。

　　何谓弹出菜单技术呢？或许有些人会这样问。所谓的弹出菜单通常是在Web页中由鼠标来触发的一种菜单导航效果，当鼠标移动到导航菜单上触发条件满足，就会显示出弹出菜单。当鼠标从导航菜单上移开，弹出菜单自动消失。触发条件既可以是鼠标通过（On Mouse Over），也可以是鼠标单击（On Click），这种结构的菜单使我们能更加灵活的组织我们的菜单结构，而且下载时间又比较迅速。弹出菜单结构非常类似于一个表格，每一个导航菜单条目就好 比一个单元格。当然，Fireworks4中提供了四种鼠标动作，还有两种是鼠标移出（On Mouse Out）和页面加载（On Load），但显然他们不适合用在这里，因为这和通常浏览者的浏览习惯不符合。

二、 在Fireworks4中如何制作弹出菜单

　　看了上面的介绍，或许有很多人想知道该如何在Fireworks4中来制作这个看似高难度其实非常简单的效果呢，这部分我们就通过实例来讲解在Fireworks4中如何制作弹出菜单的基本制作过程。

　　1、首先我们先来制作一个带有三个选项的菜单导航条，并为每个选项增加切片对象。Fireworks4的弹出菜单行为与其他行为一样，只能应用在按钮对象、切片对象或是热区对象上。（注：在Fireworks4中按钮对象上会自动添加切片对象，因此可以直接在按钮对象上使用各种行为。）

　　2、为菜单导航条增加弹出菜单行为，首先必须选中一个按钮上的切片，有三种方法请选择其一：
　　（1） 打开Behaviors面版，点击"+"按钮添加弹出菜单行为命令Set Pop-Up Menu
　　（2） 使用菜单命令Insert>Pop-Up Menu
　　（3） 单击鼠标右健，在弹出的命令列表中选择Add Pop-up Menu命令

　　3、选择了增加弹出菜单命令后，Fireworks4会出现弹出菜单制作向导窗口，您可以根据弹出菜单制作向导一步步地执行下去，其实过程非常的简单，仅仅只有二个步骤。