步骤5:
但是有的时候我们将使用到不止一级的菜单,可能在一级菜单的某个选项下还有二级菜单,甚至还会有三级菜单的存在,该如何面对如此复杂的情况呢?很简单,在此面板上有两个按钮分别是:Outdent Menu与Indent Menu,可以用来设置某一菜单选项下的子选项。你只需要先选择一个选项,再点击Indent Menu就可以将其设置为二级菜单,再点击Outdent Menu就可以将其恢复为一级菜单(如图6)。

以这样的方法你可以做出结构非常复杂的下拉菜单来。
步骤6:
在输入并设置好菜单选项后,选择Appearance选项卡。在这里,我们可以设置下拉菜单的外观属性。大家自己试一下就会熟悉,而值得注意的是Up State与Over State代表的是菜单的两种状态。在正常显示时是UP State而当鼠标移动到菜单选项上时就以Over State状态显示。我们可以分别在Style中为这两种状态设置不同的显示风格(如图7)。

步骤7:
选择Advanced选项卡,在这里可以进一步设置菜单的外观风格,主要是表格的属性,如边框的宽度,颜色,以及菜单内容与边框的距离等。请按照你自己的喜好进行修改(如图8)。

步骤8:
最后选择Position选项卡,在这里可以调整菜单弹出的位置与方向。你可以在Fireworks MX提供的效果中直接选择,也可以自己输入数值。注意Menu Position是一级菜单弹出的位置,而Submenu Position则是次级菜单的弹出位置设置(如图9)。

步骤9:
所有的设置都完成后,点击ok按钮,即可看到如图所示效果(如图10)。

我们可以直接从图上看出此下拉菜单弹出的位置,选项的个数等基本情况。在工具栏上选择Slice Tool ,在图形上拖曳鼠标就可以拉出绿色区域,每一个绿色区域在输出时将单独成为一个小图片,这样可以加快下载的速度(如图11)。

不断的切割图片,直至效果如图所示(如图12)。
