Fireworks制作导航栏与弹出菜单.ppt

《Fireworks制作导航栏与弹出菜单.ppt》由会员分享，可在线阅读，更多相关《Fireworks制作导航栏与弹出菜单.ppt（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第9章章 制作导航栏与弹出菜单制作导航栏与弹出菜单本章目标本章目标n掌握行为面板的基本操作n掌握制作导航栏与弹出菜单的方法29.1 行为面板行为面板9.1.1 关于行为关于行为9.1.2 行为面板的操作行为面板的操作39.1.1 关于行为关于行为 Fireworks作作为为网网页页设设计计专专业业软软件件，使使其其不不仅仅可可以以用用于于网网页页效效果果图图的的制制作作、网网页页动动画画的的制制作作、切切片片与与热热区区的的快快速速操操作作，同同时时，可可以以为为切切片片、按按钮钮或或热热区区添添加加交交互互行行为为，这这些些交交互互行行为为，使使得得Fireworks在网页制作方面也有很强

2、的辅助优势。在网页制作方面也有很强的辅助优势。在在Fireworks中中，我我们们称称这这些些交交互互为为行行为为，实实际际上上，Fireworks中中的的行行为为，就就是是利利用用JavaScript和和CSS代代码码实实现现图图像像交交换换、弹弹出出菜菜单单这这些些网网页页中中常常用用的的交交互互效效果果，只只是是Fireworks利利用用其其【行行为为】面面板板，为为网网页页设设计计师师在在进进行行这这些些交交互互效效果果的的实实现现时时，更更为为便便利利，不不必必再再书书写写大大量量的的代代码码，所所有有的的交交互互添添加加，都都采采用用可可视视化化操操作作。用用户户即即使使对对Jav

3、aScript和和CSS代代码码一一无无所所知知，也也可可以以在在Fireworks 8中中创创建建多多种种JavaScript按按钮钮和和CSS或或JavaScript弹弹出出菜菜单单。在在导导出出按按钮钮或或弹弹出出菜菜单单时时，Fireworks会会自自动动生生成成在在Web浏浏览览器器中中显显示示所所必必需需的的CSS代代码码或或JavaScript。在在Macromedia Dreamweaver中中，可可以以轻轻松松地地将将Fireworks中中的的CSS代代码码、JavaScript和和HTML代代码码插插入入到到网页中，也可以将这些代码剪切后粘贴到任何网页中，也可以将这些代码剪

4、切后粘贴到任何HTML或或CSS文件中。文件中。49.1.1 关于行为关于行为 行行为为的的添添加加，是是Fireworks与与其其他他图图像像图图形形软软件件最最大大的的区区别别之之一一。由由于于Fireworks的的这这种种行行为为添添加加的的功功能能，使使得得我我们们在在实实际际工工作作中中，可可以以利利用用其其制制作作演演示示网网页页，以以便便于于公公司司的的客客户户人人员员，更更好好地地与与客客户户沟沟通通，通通过过演演示示网网页页，我我们们不不仅仅能能看看到到整整个个网网页页的的界界面面结结构构、色色彩彩方方案案等等外外观观，更更能能让让用用户户能能够够体体验验到到点点击击的的乐乐

5、趣趣，使使得得整整个个网网站站的的业业务务洽洽谈谈及及客客户户沟沟通通更更为为顺畅。顺畅。Fireworks中的行为，实际上是分为事件与动作两部分。中的行为，实际上是分为事件与动作两部分。所所谓谓事事件件，即即行行为为触触发发的的条条件件，比比如如鼠鼠标标点点击击或或滑滑过过、页页面面载载入入或或载载出出等，通俗地说，用户在触发动作的时候，采用的是什么样的操作。等，通俗地说，用户在触发动作的时候，采用的是什么样的操作。有有了了事事件件，当当然然要要有有动动作作，用用户户在在进进行行一一个个操操作作后后，将将会会发发生生什什么么结结果果，这这就就是是我我们们所所说说的的动动作作，如如弹弹出出菜菜

6、单单、图图像像交交换换等等。因因此此，动动作作就就是是，行为的事件执行后，所能够得到的交互效果。行为的事件执行后，所能够得到的交互效果。上上面面，是是我我们们对对行行为为、事事件件、动动作作三三者者间间的的简简述述，需需要要强强调调的的是是，行行为为包包含含着着事事件件与与动动作作，缺缺少少了了事事件件或或动动作作的的行行为为，在在网网页页中中，是是不不会会有有任任何交互效果，事件与动作对于行为来说是缺一不可的。何交互效果，事件与动作对于行为来说是缺一不可的。Fireworks中的行为添加主要通过行为面板来完成。中的行为添加主要通过行为面板来完成。59.1.2 行为面板的操作行为面板的操作（1

7、）选选择择切切片片或或热热区区，执执行行【窗窗口口】【行行为为】命命令令，或或按按快快捷捷键键【Shift+F3】，打打开开【行行为为】面面板板，可可以以看看到到，在在面面板板的的左左边边为为显示事件，右边为显示动作，如图；显示事件，右边为显示动作，如图；（2）点点击击 ，即即可可弹弹出出行行为为列列表表，从从中中选选择择一一种种行行为为，添添加加后后的的行为会出现在【行为】面板中，如图；行为会出现在【行为】面板中，如图；69.1.2 行为面板的操作行为面板的操作（3）选择面板中的行为后，可以执行以下操作：）选择面板中的行为后，可以执行以下操作：u ：用于删除行为；：用于删除行为；u ：显示隐

8、藏的行为；：显示隐藏的行为；u ：编辑行为；：编辑行为；u ：删除动作。：删除动作。79.2 制作轮替图效果制作轮替图效果9.2.1 关于轮替图关于轮替图9.2.2 简单交换简单交换9.2.3 交换图像交换图像89.2.1 关于轮替图关于轮替图 所所谓谓轮轮替替图图，就就是是当当鼠鼠标标滑滑过过一一个个图图形形时时，该该菜菜单单将将角角发发另另一一个个图图形形的显示。动作的触发对象始终是一个网页对象：切片、热区或按钮。的显示。动作的触发对象始终是一个网页对象：切片、热区或按钮。最最简简单单的的轮轮替替图图像像是是将将第第1帧帧中中的的一一个个图图像像与与紧紧挨挨着着它它的的下下面面第第2帧帧中

9、中的的图图像像轮轮替替，也也可可以以生生成成更更复复杂杂的的轮轮替替图图像像。轮轮替替图图像像可可以以交交换换来来自自任任何何帧帧的的图图像像，不不相相交交轮轮替替图图像像交交换换来来自自除除触触发发对对象象切切片片之之外外的的切切片片中中的的图像。图像。当当在在Fireworks中中选选择择一一个个使使用用行行为为手手柄柄或或【行行为为】面面板板创创建建的的触触发发对对象象网网页页对对象象时时，将将显显示示它它的的所所有有行行为为关关系系。默默认认情情况况下下，轮轮替替图图像像交交互互由一条蓝色行为线表示。由一条蓝色行为线表示。99.2.2 简单交换简单交换 创创建建简简单单交交换换图图像像

10、是是将将两两个个重重叠叠的的帧帧进进行行交交换换，并并且且只只涉涉及及一一个个切切片片。具体操作如具体操作如（1）执行【编辑】）执行【编辑】【插入】【插入】【切片】命令建立切片；【切片】命令建立切片；（2）按【）按【Shift+F2】组合键，打开【帧】面板，在【帧】面板中，】组合键，打开【帧】面板，在【帧】面板中，单击【新建单击【新建/重制帧】按钮创建一个新帧；重制帧】按钮创建一个新帧；（3）在新帧上，创建、粘贴或导入用作交换图像的图像，并将该）在新帧上，创建、粘贴或导入用作交换图像的图像，并将该图像放在刚才创建的切片的下方；图像放在刚才创建的切片的下方；（4）在【帧】面板中，选择第）在【帧】

11、面板中，选择第1帧，返回到包含原始图像的帧；帧，返回到包含原始图像的帧；（5）选择切片并将鼠标放在行为手柄上方，鼠标变成手形，单击）选择切片并将鼠标放在行为手柄上方，鼠标变成手形，单击行为手柄，并从菜单中选择行为手柄，并从菜单中选择（6）添加简单变换图像行为选项，如图；）添加简单变换图像行为选项，如图；109.2.2 简单交换简单交换（7）按【）按【F12】在浏览器中预览效果。】在浏览器中预览效果。119.2.3 交换图像交换图像 在在浏浏览览网网页页时时，常常会会发发现现一一些些效效果果，如如当当鼠鼠标标指指向向个个网网页页图图像像时时，在在网网页页的的另另一一个个位位置置会会出出现现一一个

12、个图图像像，这这是是不不相相交交变变换换图图像像效效果果。不不相相交交变变换换图图像像交交换换的的是是另另一一个个与与其其自自身身位位置置不不同同的的网网页页图图像像。当当鼠鼠标标滑滑过过或或单单击击一一个个触触发发器器图图像像时时，作作为为响响应应，在在网网页页的的另另一一个个位位置置中中出出现现一一个个图图像。鼠标滑过的图像被视为触发器，发生更改的图像被视为目标。像。鼠标滑过的图像被视为触发器，发生更改的图像被视为目标。与与仅仅使使用用一一个个切切片片的的简简单单变变换换图图像像一一样样，首首先先必必须须对对触触发发器器、目目标标切切片片和和交交换换图图像像所所驻驻留留的的帧帧进进行行设设

13、置置。然然后后，可可以以使使用用一一条条行行为为线线将将触触发发器器链接到目标切片。其具体如下：链接到目标切片。其具体如下：提示提示不相交变换图像的触发器不一定必须是切片，热点和按钮也具有可用于不相交变换图像的触发器不一定必须是切片，热点和按钮也具有可用于创建不相交变换图像的行为手柄。创建不相交变换图像的行为手柄。提示提示如果所选对象是按钮或者如果切片或热点已经覆盖图像，则无需执行如果所选对象是按钮或者如果切片或热点已经覆盖图像，则无需执行以上操作。以上操作。（1）若若要要将将不不相相交交变变换换图图像像附附加加到到所所选选图图像像，首首先先执执行行【编编辑辑】【插插入入】【切切片片】或或【编

14、编辑辑】【插插入入】【热热点点】命命令令，将将切切片片或或热热点点附加到触发器图像。附加到触发器图像。129.2.3 交换图像交换图像 （2）然然后后在在【帧帧】面面板板中中单单击击【新新建建/重重制制帧帧】按按钮钮创创建建一一个个新新帧帧。在在画画布布上上所所需需位位置置的的新新帧帧中中再再放放置置一一个个用用作作目目标标的的图图像像可可将将该该图图像像放放在在不不与与刚刚创创建建的的切切片片不不重重合合的的任任何何位位置置。选选择择图图像像，然然后后执执行行【编编辑辑】【插入】【插入】【切片】命令将切片附加到图像。【切片】命令将切片附加到图像。（3）在在【帧帧】面面板板中中选选择择第第1帧

15、帧，返返回回到到包包含含原原始始图图像像的的帧帧。选选择择覆覆盖盖触触发发器器区区域域(原原始始图图像像)的的切切片片、热热点点或或按按钮钮，然然后后将将鼠鼠标标放放在在行行为为手手柄柄上上，鼠鼠标标随随即即变变为为手手彤彤。将将触触发发器器切切片片或或热热点点的的行行为为手手柄柄拖拖到到第第二二次次创创建建的的目目标标切切片片，出出现现一一条条从从触触发发器器中中心心延延伸伸到到目目标标切切片片左左上上角角的的行行为为线线，同时打开【交换图像】对话框，如图所示。同时打开【交换图像】对话框，如图所示。139.2.3 交换图像交换图像 （4）从从【交交换换图图像像】弹弹出出菜菜单单中中，选选择择

16、刚刚才才创创建建的的帧帧，然然后后单单击击【确确定】按钮。定】按钮。（5）单击【预览】按钮以预览和测试不相交变换图像。）单击【预览】按钮以预览和测试不相交变换图像。（6）可可以以从从单单个个切切片片中中拖拖动动多多个个行行为为手手柄柄来来创创建建多多个个变变换换行行为为。例例如如，可可以以从从同同一一切切片片中中触触发发一一个个变变换换目目像像和和一一个个不不相相交交变变换换图图像像。图图9-5所所示示为用来触发变换图像行为和不相交变换图像行为的切片。为用来触发变换图像行为和不相交变换图像行为的切片。149.2.3 交换图像交换图像 （7）若若要要将将多多个个变变换换图图像像应应用用到到所所选

17、选切切片片，可可以以将将行行为为手手柄柄从从所所选选切切片片拖拖到到同同一一切切片片的的边边缘缘或或其其他他切切片片上上。将将手手柄柄拖拖动动到到同同一一切切片片的的左左上上边边缘缘时时可可创创建建一一个个交交换换图图像像，将将手手柄柄拖拖动动到到其其他他切切片片时时可可创创建建不不相相交交变变换换图像。图像。提示提示若要从所选同页对象或按钮中删除拖放变换图像，首先单击要删除的蓝若要从所选同页对象或按钮中删除拖放变换图像，首先单击要删除的蓝色行为线，然后单击【确定】按钮即可删除交换图像行为。色行为线，然后单击【确定】按钮即可删除交换图像行为。159.3 制作导航栏制作导航栏169.4 制作弹出

18、菜单制作弹出菜单9.4.1 关于弹出菜单编辑器关于弹出菜单编辑器9.4.2 创建基本弹出菜单创建基本弹出菜单9.4.3 创建弹出菜单内的子菜单创建弹出菜单内的子菜单9.4.4 设计弹出菜单的外观设计弹出菜单的外观9.4.5 添加弹出菜单样式添加弹出菜单样式9.4.6 设置高级弹出菜单属性设置高级弹出菜单属性9.4.7 控制弹出菜单和子菜单的位置控制弹出菜单和子菜单的位置9.4.8 编辑弹出菜单编辑弹出菜单9.4.9 关于导出弹出菜单关于导出弹出菜单179.4.1 关于弹出菜单编辑器关于弹出菜单编辑器 弹弹出出菜菜单单编编辑辑器器是是一一个个带带有有选选项项卡卡的的对对话话框框，它它会会引引导导

19、用用户户完完成成整整个个创创建建弹弹出出菜菜单单的的过过程程，如如图图所所示示。它它的的许许多多用用于于控控制制弹弹出出菜菜单单特特征征的的选选项被组织在以下项被组织在以下4个选项卡中：个选项卡中：u内内容容：包包含含用用于于确确定定基基本本菜菜单单结结构构以以及及每每个菜单项的文本、个菜单项的文本、URL链接和目标的选项。链接和目标的选项。u外外观观：包包含含可可确确定定每每个个菜菜单单单单元元格格的的【弹弹起起】状状态态和和【滑滑过过】状状态态的的外外观观，以以及及菜菜单的垂直和水平方向的选项。单的垂直和水平方向的选项。u高高级级：包包含含可可确确定定单单元元格格尺尺寸寸、边边距距、间间距

20、距、单单元元格格边边框框宽宽度度和和颜颜色色、菜菜单单延延迟迟以以及文字缩进的选项。及文字缩进的选项。u位位置置：包包含含可可确确定定菜菜单单和和子子菜菜单单位位置置的的选选项：项：189.4.1 关于弹出菜单编辑器关于弹出菜单编辑器 【菜菜单单位位置置】将将相相对对于于切切片片放放置置弹弹出出菜菜单单。预预设设位位置置包包括括切切片片的的底底部部、右下部、顶部和右上部。右下部、顶部和右上部。【子子菜菜单单位位置置】将将弹弹出出子子菜菜单单放放在在父父菜菜单单的的右右侧侧或或右右下下部部，或或放放在在其其底部。底部。根根据据弹弹出出菜菜单单的的设设计计，可可能能不不需需要要使使用用弹弹出出菜菜

21、单单编编辑辑器器中中所所有有的的选选项项卡卡或或选选项项。可可以以随随时时编编辑辑任任意意选选项项卡卡中中的的设设置置，但但至至少少应应该该在在【内内容容】选项卡中添加一个菜单项，才能创建可在浏览器中预览的菜单。选项卡中添加一个菜单项，才能创建可在浏览器中预览的菜单。199.4.2 创建基本弹出菜单创建基本弹出菜单 在在弹弹出出菜菜单单编编辑辑器器的的【内内容容】选选项项卡卡上上，可可以以确确定定弹弹出出菜菜单单的的基基本本结结构构和和内内容容。其其他他弹弹出出菜菜单单编编辑辑器器选选项项卡卡上上的的选选项项的的当当前前或或默默认认设设置置会会在在创建菜单时应用于该菜单。创建菜单时应用于该菜单

22、。若要创建简单的弹出菜单，具体操作步骤如下：若要创建简单的弹出菜单，具体操作步骤如下：u选择选择【修改修改】【弹出菜单弹出菜单】【添加弹出菜单添加弹出菜单】命令。命令。u单单击击切切片片中中间间的的行行为为手手柄柄，然然后后从从菜菜单单中中选选择择【添添加加弹弹出出菜菜单单】命令。命令。（1）选择一个热点或切片，它们将成为弹出菜单的触发器区域。）选择一个热点或切片，它们将成为弹出菜单的触发器区域。（2）执行下列操作之一以打开弹出菜单编辑器：）执行下列操作之一以打开弹出菜单编辑器：（3）单单击击【内内容容】选选项项卡卡，单单击击【添添加加菜菜单单】按按钮钮以以添添加加一一个个空空菜菜单单项项，可

23、以随时添加、删除和编辑单元格。可以随时添加、删除和编辑单元格。（4）双击每个单元格并输入或选择适当的信息，如图：）双击每个单元格并输入或选择适当的信息，如图：209.4.2 创建基本弹出菜单创建基本弹出菜单u文本：指定该菜单项的文本。文本：指定该菜单项的文本。u链链接接：确确定定该该菜菜单单项项的的URL。用用户户可可以以输输入入自自定定义义链链接接，也也可可以以从从【链链接接】弹弹出出菜菜单单中中选选择择一一个个链链接接（如如果果存存在在链链接接）。如如果果用用户户已已经经为为文文档档中中的的其其他他网网页页对对象象输输入入了了URL，则则这这些些 URL将将出现在出现在【链接链接】弹出菜单

24、中。弹出菜单中。u目目标标：指指定定URL的的目目标标。可可以以输输入入自自定定义义目目标标，也也可可以以从从【目目标标】弹出菜单中选择一个预设目标。弹出菜单中选择一个预设目标。219.4.2 创建基本弹出菜单创建基本弹出菜单 在窗口中的最后一行输入内容后，会在该行的下面增加一个空行。在窗口中的最后一行输入内容后，会在该行的下面增加一个空行。u单单击击【继继续续】按按钮钮移移动动到到【外外观观】选选项项卡卡，或或者者选选择择另另一一个个选选项项卡继续生成弹出菜单。卡继续生成弹出菜单。u创建弹出菜单的子菜单项目。创建弹出菜单的子菜单项目。u单单击击【完完成成】按按钮钮关关闭闭弹弹出出菜菜单单编编

25、辑辑器器，完完成成弹弹出出菜菜单单的的创创建建工工作。作。（5）重复（）重复（3）和（）和（4），直到添加了所有菜单项。），直到添加了所有菜单项。（6）可可以以随随意意地地删删除除菜菜单单项项，方方法法是是高高亮亮显显示示该该项项，然然后后单单击击【删删除除菜菜单】按钮。单】按钮。（7）执行下列操作之一：）执行下列操作之一：提示提示若要从一个活动单元格定位到另一个单元格并继续输入信息，可按【若要从一个活动单元格定位到另一个单元格并继续输入信息，可按【Tab】键在单元格间移动，并使用向上箭头键和向下箭头键垂直滚动列表。】键在单元格间移动，并使用向上箭头键和向下箭头键垂直滚动列表。229.4.2

26、创建基本弹出菜单创建基本弹出菜单 在在工工作作区区中中，为为其其生生成成弹弹出出菜菜单单的的热热点点或或切切片片会会显显示示一一条条蓝蓝色色行行为为线线，该行为线附加在弹出菜单的顶级菜单轮廓上。该行为线附加在弹出菜单的顶级菜单轮廓上。提示提示若要查看弹出菜单，必须按【若要查看弹出菜单，必须按【F12】键在浏览器中预览。】键在浏览器中预览。Fireworks工作工作区中的预览不会显示弹出菜单。区中的预览不会显示弹出菜单。239.4.3 创建弹出菜单内的子菜单创建弹出菜单内的子菜单1创建弹出子菜单创建弹出子菜单 若要创建弹出子菜单，具体操作步骤如下：若要创建弹出子菜单，具体操作步骤如下：（1）打开

27、弹出菜单编辑器的【内容】选项卡并创建菜单项。同时）打开弹出菜单编辑器的【内容】选项卡并创建菜单项。同时创建自己希望用作子菜单的菜单项，并将其直接放在将拥有它们的创建自己希望用作子菜单的菜单项，并将其直接放在将拥有它们的菜单项下。菜单项下。（2）单击以高亮显示要使其成为子菜单项的弹出菜单项。）单击以高亮显示要使其成为子菜单项的弹出菜单项。（3）单击【缩进菜单】按钮，将该项指定为菜单项列表中恰好位）单击【缩进菜单】按钮，将该项指定为菜单项列表中恰好位于其上面的菜单项下的子菜单项。于其上面的菜单项下的子菜单项。（4）若要将下一项目添加到子菜单，先高亮显示它，再单击【缩）若要将下一项目添加到子菜单，先

28、高亮显示它，再单击【缩进菜单】按钮。进菜单】按钮。所有在同一级别上缩进的相邻项构成单个弹出子菜单。所有在同一级别上缩进的相邻项构成单个弹出子菜单。在在弹弹出出菜菜单单编编辑辑器器中中，使使用用【内内容容】选选项项卡卡上上的的【缩缩进进菜菜单单】和和【左左缩缩进进菜菜单单】按按钮钮可可以以创创建建子子菜菜单单，即即当当用用户户将将指指针针滑滑过过或或单单击击另另一一个个弹弹出出菜菜单单项项时时显显示示的的弹弹出出菜菜单单。用用户户可可以以根根据据需需要要创创建建足足够够多多级级子子菜单。菜单。249.4.3 创建弹出菜单内的子菜单创建弹出菜单内的子菜单（5）可以随时高亮显示一个菜单或子菜单项，然

29、后单击【添加）可以随时高亮显示一个菜单或子菜单项，然后单击【添加菜单】，在紧邻该高亮显示项的下方插入一个新项。菜单】，在紧邻该高亮显示项的下方插入一个新项。（6）执行下列操作之一：）执行下列操作之一：u单单击击【继继续续】按按钮钮移移动动到到下下一一个个选选项项卡卡，或或者者选选择择其其他他选选项项卡卡继继续生成弹出菜单。续生成弹出菜单。u单击单击【完成完成】按钮关闭弹出菜单编辑器按钮关闭弹出菜单编辑器2创建弹出子菜单的弹出子菜单创建弹出子菜单的弹出子菜单 若要创建弹出子菜单的弹出子菜单，具体操作步骤如下若要创建弹出子菜单的弹出子菜单，具体操作步骤如下：（1）在弹出菜单编辑器的【内容】选项卡上

30、，高亮显示一个子菜）在弹出菜单编辑器的【内容】选项卡上，高亮显示一个子菜单项。单项。（2）单击【缩进菜单】按钮将该项再次缩进，使其从上方的相邻）单击【缩进菜单】按钮将该项再次缩进，使其从上方的相邻子菜单项缩进子菜单项缩进 可以继续缩进，以便根据需要创建任意多级嵌套的子菜可以继续缩进，以便根据需要创建任意多级嵌套的子菜 259.4.3 创建弹出菜单内的子菜单创建弹出菜单内的子菜单（1）在弹出菜单编辑器中，使所需弹出菜单处于显示状态，单击【内容】）在弹出菜单编辑器中，使所需弹出菜单处于显示状态，单击【内容】选项卡。选项卡。（2）将该菜单项拖到列表中的新位置。）将该菜单项拖到列表中的新位置。（3）单

31、击【完成】按钮。）单击【完成】按钮。u单单击击【继继续续】按按钮钮移移动动到到【外外观观】选选项项卡卡，或或者者选选择择另另一一个个选选项项卡继续生成弹出菜单。卡继续生成弹出菜单。u单击单击【完成完成】按钮关闭弹出菜单编辑器。按钮关闭弹出菜单编辑器。3将菜单项移到较高级别的菜单中将菜单项移到较高级别的菜单中 若若要要将将菜菜单单项项移移到到较较高高级级别别的的子子菜菜单单或或主主弹弹出出菜菜单单中中，具具体体操操作作步骤如下：步骤如下：（1）在弹出菜单编辑器的【内容】选项卡上，高亮显示该菜单项。）在弹出菜单编辑器的【内容】选项卡上，高亮显示该菜单项。（2）单击【左缩进菜单】按钮。）单击【左缩进

32、菜单】按钮。（3）执行下列操作之一完成弹出菜单的创建或继续生成它：）执行下列操作之一完成弹出菜单的创建或继续生成它：4在弹出菜单中移动项目在弹出菜单中移动项目 若要在弹出菜单中移动项目，具体操作步骤如下：若要在弹出菜单中移动项目，具体操作步骤如下：269.4.4 设计弹出菜单的外观设计弹出菜单的外观 （1）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外观】选项卡。观】选项卡。（2）从【对齐方式】下拉列表框中选择【垂直菜单】或【水平菜单】。）从【对齐方式】下拉列表框中选择【垂直菜单】或【水平菜单】。在在创创建建了了基基本本菜菜单

33、单和和可可选选子子菜菜单单之之后后，即即可可在在弹弹出出菜菜单单编编辑辑器器的的【外外观观】选选项项卡卡上上，对对文文本本进进行行格格式式设设置置，对对【滑滑过过状状态态】和和【弹弹起起状状态态】应应用用图图形形样样式式，并并选选择择垂直或水平方向，如图。垂直或水平方向，如图。1设置弹出菜单的对齐方式设置弹出菜单的对齐方式 若若要要在在弹弹出出菜菜单单中中移移动动项项目目，具具体体操操作步骤如下：作步骤如下：279.4.4 设计弹出菜单的外观设计弹出菜单的外观 （1）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外观】选项卡。观

34、】选项卡。（2）选择【单元格】选项：）选择【单元格】选项：2设置弹出菜单的背景设置弹出菜单的背景 若要设置弹出菜单的背景，具体操作步骤如下：若要设置弹出菜单的背景，具体操作步骤如下：uHTML：仅仅使使用用HTML代代码码设设置置菜菜单单的的外外观观。该该设设置置产产生生的的页页面面具有较小的文件大小。具有较小的文件大小。u图图像像：为为你你提提供供一一组组精精选选的的图图形形图图像像样样式式，可可用用作作单单元元格格的的背背景景。该设置产生的页面具有较大的文件大小。该设置产生的页面具有较大的文件大小。3设置弹出菜单的文本格式设置弹出菜单的文本格式 若要在当前弹出菜单中设置文本格式，具体操作步

35、骤如下：若要在当前弹出菜单中设置文本格式，具体操作步骤如下：28 提示提示选择字体时要十分小心。如果查看你的网页的用户在其系统上未安装你选择字体时要十分小心。如果查看你的网页的用户在其系统上未安装你选择的字体，则他们的选择的字体，则他们的Web浏览器中将显示替换字体。浏览器中将显示替换字体。9.4.4 设计弹出菜单的外观设计弹出菜单的外观 （1）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外观】选项卡。观】选项卡。（2）从【大小】下拉列表框中选择预设大小，或在【大小】文本框中）从【大小】下拉列表框中选择预设大小，或在【大小】文

36、本框中输入一个值。输入一个值。若要在当前弹出菜单中设置文本格式，具体操作步骤如下：若要在当前弹出菜单中设置文本格式，具体操作步骤如下：（4）可以随时单击文本样式按钮以应用粗体或斜体样式。）可以随时单击文本样式按钮以应用粗体或斜体样式。（5）单击对齐按钮使文本左对齐、右对齐或居中对齐。）单击对齐按钮使文本左对齐、右对齐或居中对齐。（6）从【文本颜色】框中选择文本颜色。）从【文本颜色】框中选择文本颜色。提示提示如果在弹出菜单编辑器的【高级】选项卡中，单元格宽度和高度都设置如果在弹出菜单编辑器的【高级】选项卡中，单元格宽度和高度都设置为【自动】，则将由文本大小来确定与该菜单项关联的图形的大小。为【自

37、动】，则将由文本大小来确定与该菜单项关联的图形的大小。（3）从从【字字体体】下下拉拉列列表表框框中中选选择择一一个个系系统统字字体体组组，或或者者输输入入自自定定义义字字体体的名称。的名称。299.4.4 设计弹出菜单的外观设计弹出菜单的外观 若要设置菜单单元格的外观，具体操作步骤如下：若要设置菜单单元格的外观，具体操作步骤如下：（1）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【外观】选项卡。观】选项卡。（2）针对【弹起状态】和【滑过状态】选择文本和单元格颜色。）针对【弹起状态】和【滑过状态】选择文本和单元格颜色。（3）如果已

38、选择【图像】作为单元格类型，针对每种状态选择一种图）如果已选择【图像】作为单元格类型，针对每种状态选择一种图形样式。形样式。4设置菜单单元格的外观设置菜单单元格的外观309.4.5 添加弹出菜单样式添加弹出菜单样式 可以向弹出菜单编辑器中添加自定义单元格样式。当选择【图像】选可以向弹出菜单编辑器中添加自定义单元格样式。当选择【图像】选项作为单元格类型（这将设置弹出菜单使其在它们的单元格中使用图形背项作为单元格类型（这将设置弹出菜单使其在它们的单元格中使用图形背景）时，自定义单元格样式可以与预设选择项一起显示在【外观】选项卡景）时，自定义单元格样式可以与预设选择项一起显示在【外观】选项卡上。上。

39、若要向弹出菜单编辑器中添加自定义单元格样式，具体操作步骤如下：若要向弹出菜单编辑器中添加自定义单元格样式，具体操作步骤如下：（1）将笔触、填充、纹理和动态滤镜的任意组合应用于对象，然后使）将笔触、填充、纹理和动态滤镜的任意组合应用于对象，然后使用【样式】面板将该组合保存为样式。用【样式】面板将该组合保存为样式。（2）在【样式】面板中选择该新样式，然后从【样式】面板的【选项）在【样式】面板中选择该新样式，然后从【样式】面板的【选项】菜单中选择【导出样式】命令。】菜单中选择【导出样式】命令。（3）选择样式的保存位置，并输入样式名称，然后单击【保存】按钮。）选择样式的保存位置，并输入样式名称，然后单

40、击【保存】按钮。当返回到弹出菜单编辑器的【外观】选项卡并选择了【图像单元格】背景当返回到弹出菜单编辑器的【外观】选项卡并选择了【图像单元格】背景选项时，就可以将该新样式与弹出菜单单元格的【弹起状态】和【滑过状选项时，就可以将该新样式与弹出菜单单元格的【弹起状态】和【滑过状态】的预设样式一起使用了。态】的预设样式一起使用了。319.4.6 设置高级弹出菜单属性设置高级弹出菜单属性 弹弹出出菜菜单单编编辑辑器器的的【高高级级】选选项项卡卡提提供供了了用用于于控控制制以以下下各各项项的的附附加加设设置置：单单元元格格大大小小、边边距距和和间间距距，文文字字缩缩进进，菜菜单单消消失失延延时时，以以及边

41、框宽度、颜色、阴影和高亮，如图。及边框宽度、颜色、阴影和高亮，如图。若若要要为为当当前前弹弹出出菜菜单单设设置置高高级级单单元元格格属属性性，具体操作步骤如下：具体操作步骤如下：（1）在在弹弹出出菜菜单单编编辑辑器器中中，使使所所需需弹弹出出菜菜单单处于打开状态，单击【高级】选项卡。处于打开状态，单击【高级】选项卡。（2）从从【单单元元格格宽宽度度】和和【单单元元格格高高度度】右右端的下拉列表框中宽度或高度约束：端的下拉列表框中宽度或高度约束：u自自动动：强强制制单单元元格格高高度度符符合合在在弹弹出出菜菜单单编编辑辑器器的的【外外观观】选选项项卡卡中中设设置的文本大小，并强制单元格宽度符合包

42、含最长文本的菜单项置的文本大小，并强制单元格宽度符合包含最长文本的菜单项。u像像素素：允允许许以以像像素素为为单单位位在在【单单元元格格宽宽度度】和和【单单元元格格高高度度】文文本本框框中输入特定尺寸中输入特定尺寸。329.4.6 设置高级弹出菜单属性设置高级弹出菜单属性 （3）在【单元格边距】文本框中输入一个值，用以确定弹出菜单文本）在【单元格边距】文本框中输入一个值，用以确定弹出菜单文本和单元格边缘之间的距离。和单元格边缘之间的距离。（4）在【单元格边距】文本框中输入一个值，用以设置菜单单元格之）在【单元格边距】文本框中输入一个值，用以设置菜单单元格之间的间距。间的间距。（5）在【文字缩进

43、】文本框中输入一个值，用于设置弹出菜单文本的）在【文字缩进】文本框中输入一个值，用于设置弹出菜单文本的缩进量。缩进量。（6）在【菜单延迟】文本框中输入一个值，用以设置当指针从菜单移）在【菜单延迟】文本框中输入一个值，用以设置当指针从菜单移开后，菜单仍保持可见的时间量（单位为毫秒）。开后，菜单仍保持可见的时间量（单位为毫秒）。（7）设置弹出边框属性：）设置弹出边框属性：u显显示示边边框框：允允许许显显示示或或隐隐藏藏弹弹出出菜菜单单边边框框。如如果果该该选选项项未未选选定定，则则将将禁用下列选项。禁用下列选项。u边框宽度：设置弹出菜单边框的宽度。边框宽度：设置弹出菜单边框的宽度。u边框颜色、阴影

44、和高亮：允许修改弹出菜单边框的颜色。边框颜色、阴影和高亮：允许修改弹出菜单边框的颜色。提示提示若在【外观】选项卡上选择了【图像】单元格类型，则上述许多选项会若在【外观】选项卡上选择了【图像】单元格类型，则上述许多选项会被禁用。被禁用。339.4.6 设置高级弹出菜单属性设置高级弹出菜单属性（8）执行下列操作之一完成弹出菜单的创建或继续生成它：）执行下列操作之一完成弹出菜单的创建或继续生成它：u单单击击【继继续续】按按钮钮以以移移动动到到【位位置置】选选项项卡卡，或或者者选选择择其其他他选选项项卡卡继继续生成弹出菜单。续生成弹出菜单。u单击单击【完成完成】按钮关闭弹出菜单编辑器。按钮关闭弹出菜单

45、编辑器。349.4.7 控制弹出菜单和子菜单的位置控制弹出菜单和子菜单的位置 弹弹出出菜菜单单编编辑辑器器的的【位位置置】选选项项卡卡使使你你可可以以指指定定弹弹出出菜菜单单的的位位置置，如如图图。当当【网网页页层层】可可见见时时，还还可可以以通通过过在在工工作作区区中中拖拖动动顶顶级级弹出菜单的轮廓来调整其位置。弹出菜单的轮廓来调整其位置。u单击单击【位置位置】按钮以相对于触发弹出菜单的切片来调整菜单的位置。按钮以相对于触发弹出菜单的切片来调整菜单的位置。u输输入入X和和Y坐坐标标。如如果果坐坐标标为为（0，0），则则使使弹弹出出菜菜单单的的左左上上角角和和触触发发它的切片或热点的左上角对齐

46、。它的切片或热点的左上角对齐。1设置弹出菜单的位置设置弹出菜单的位置 若若要要使使用用弹弹出出菜菜单单编编辑辑器器设设置置弹弹出出菜菜单单的的位置，具体操作步骤如下：位置，具体操作步骤如下：（1）在在弹弹出出菜菜单单编编辑辑器器中中，使使所所需需弹弹出出菜菜单处于打开状态，单击【位置】选项卡。单处于打开状态，单击【位置】选项卡。（2）执行下列操作之一定义菜单位置：）执行下列操作之一定义菜单位置：359.4.7 控制弹出菜单和子菜单的位置控制弹出菜单和子菜单的位置u单单击击【子子菜菜单单位位置置】按按钮钮以以相相对对于于触触发发该该子子菜菜单单的的弹弹出出菜菜单单项项调调整整子子菜单的位置。菜单

47、的位置。u输输入入X和和Y坐坐标标。如如果果坐坐标标为为（0，0），则则会会将将弹弹出出子子菜菜单单的的左左上上角角和和触发它的菜单或菜单项的右上角对齐。触发它的菜单或菜单项的右上角对齐。2设置弹出子菜单的位置设置弹出子菜单的位置 若要使用弹出菜单编辑器设置弹出子菜单的位置，具体操作步骤如下：若要使用弹出菜单编辑器设置弹出子菜单的位置，具体操作步骤如下：（1）在在弹弹出出菜菜单单编编辑辑器器中中，使使所所需需弹弹出出菜菜单单处处于于打打开开状状态态，单单击击【位位置置】选选项项卡。卡。（2）执行下列操作之一定义子菜单的位置：）执行下列操作之一定义子菜单的位置：u若若要要相相对对于于触触发发子子

48、菜菜单单的的父父菜菜单单项项来来排排列列每每个个子子菜菜单单的的位位置置，为为子子菜菜单位置取消选择单位置取消选择【放在同一位置放在同一位置】复选框。复选框。u若若要要相相对对于于父父弹弹出出菜菜单单来来排排列列每每个个子子菜菜单单的的位位置置，选选择择【放放在在同同一一位位置置】复选框。复选框。（3）执行下列操作之一：）执行下列操作之一：369.4.7 控制弹出菜单和子菜单的位置控制弹出菜单和子菜单的位置3拖动弹出菜单设置位置拖动弹出菜单设置位置（4）单单击击【完完成成】按按针针关关闭闭弹弹出出菜菜单单编编辑辑器器，或或者者单单击击【后后退退】按按钮钮修修改改其其他他选项卡中的属性。选项卡中

49、的属性。u单击单击【工具工具】面板中的面板中的【显示切片和热点显示切片和热点】按钮。按钮。u在在【层层】面板中，单击包含眼睛图案的列。面板中，单击包含眼睛图案的列。若要通过拖动弹出菜单来为其设置位置，具体操作步骤如下：若要通过拖动弹出菜单来为其设置位置，具体操作步骤如下：（1）如果需要，执行下列操作之一以显示【网页层】：）如果需要，执行下列操作之一以显示【网页层】：（2）选择作为弹出菜单的触发器的网页对象。）选择作为弹出菜单的触发器的网页对象。（3）将弹出菜单的轮廓拖到工作区中的其他位置。）将弹出菜单的轮廓拖到工作区中的其他位置。379.4.8 编辑弹出菜单编辑弹出菜单1在弹出菜单编辑器编辑弹

50、出菜单在弹出菜单编辑器编辑弹出菜单 在在弹弹出出菜菜单单编编辑辑器器中中，可可以以编编辑辑或或更更新新弹弹出出菜菜单单的的内内容容，重重新新排排列列菜菜单单项项，或或者更改者更改4个选项卡中任一选项卡上的其他属性。个选项卡中任一选项卡上的其他属性。u单击单击【工具工具】面板中的面板中的【显示切片和热点显示切片和热点】按钮。按钮。u在在【层层】面板中，单击包含眼睛图案的列。面板中，单击包含眼睛图案的列。若要在弹出菜单编辑器中编辑弹出菜单，具体操作步骤如下：若要在弹出菜单编辑器中编辑弹出菜单，具体操作步骤如下：（1）如果需要，执行下列操作之一以显示【网页层】：）如果需要，执行下列操作之一以显示【网