《Fireworks教程 第12章》.pdfVIP

第12章 制作“图片翻转”与“弹出菜单” 通过本章，你应当学会： （1）“翻转”的使用。 （2）“弹出菜单”的使用。 Macromedia Fireworks 8不仅是一个网页图像软件，而且还可以制作一些动态的HTML 文档，通过这些文档可以独立制作一个动态的HTML文档。例如，在页面中可以包含“图片翻 转”、“按钮”和“弹出菜单”，制作的这些页面可以单独作为一个HTML页面放在网站中使 用，也可以放在一个HTML文档中使用。在前面已介绍“按钮”制作方法，本章只介绍“图片翻 转”与“弹出菜单”的制作方法。 12.1 “翻转”的使用 使用Fireworks 8软件可以建立简单的翻转图像，例如一个按钮，当将鼠标移动到按钮上 时，按钮变成另外的颜色；当鼠标从按钮上移开后按钮又恢复到原来的颜色，这样的效果是一种 典型的翻转图像应用，操作步骤如下： 233 （1）在工具箱中选择“切片”工具。 （2）在图像中要创建“翻转”的位置上 创建一个“切片”或者多个“切片”，如图 12-1-1所示。 图12-1-1 （3）在工具箱中选择“指针”工具，在 图像中选择要设置交互图像的“切片”选项， 单击中心的链接标记 ，在弹出的菜单中选择 “添加交换图像行为”命令，如图12-1-2所 示。 图12-1-2 Fireworks 8中文版教程 （4）弹出“交换图像”对话框，在该对话框中进行“交换图像”的设置，如图12-1-3所 示。 图12-1-3 （5）在该对话框中的左上角框中进行选择，确定经过该“切片”时哪一个切片中的图像进 行翻转，也可以将翻转的图像放置在本身的“切片”的区域中。在该框中选择要进行翻转的“切 片”选项。 （6）在“交换图像显示自”选项区域中可以通过选择“帧编号”选项，并在该选项的下拉 234 列表中选择要切换的动画帧。 （7）在该选项区域中选择“图像文件”选项，在右侧单击“打开文件”按钮 。 （8）弹出“打开”对话框，选择要进行翻转的“图像”文件，单击“打开”按钮，选定文 件，如图12-1-4所示。 图12-1-4 （9）勾选“预选载入图像”选项时，可以在下载HTML文档的同时把翻转的图像也同时下 载到本机。如果未选中该选项时，只有在翻转图像的显示时才进行下载。 第12章 制作“图片翻转”与“弹出菜单” （10）当勾选“鼠标移开时复原图像”选项时，可以在鼠标移开该“切片”时，重新恢复该 翻转图像的效果。 （11）设置完毕后，单击“确定”按钮，定义“翻转图像”效果。 （12）按功能键F12，在浏览器中查看效果。 12.2 弹出菜单的使用 在Fireworks 8软件中可以通过使用“显示弹出式菜单”的操作，制作一个弹出式菜单。并 且可以制作多级的菜单选项，在每一个选项中定义链接的地址，操作步骤如下： （1）在工具箱中选择“切片”工具。 （2）在图像要创建“弹出菜单”的位置上创建一个“切片”，如图12-2-1所示。 （3）在工具箱中选择“指针”工具，在图像中选择要设置交互图像的“切片”选项，单击 中心的链接标记，在弹出的菜单中选择“添加弹出菜单”命令，如图12-2-2所示。