当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>fireworks入门与进阶>>第五章 网页高手

第二节:简单翻转图

 简单翻转图的工作原理与动态按钮的一样,而且同样具备超链接的功能,不过它们的制作方法却大不相同。简单翻转图只包括Up与Over两种变化,因此只需要两个Frame。

  区别动态按钮制作过程的是:我们需要使用Behaviors与Frames两种面板,不过制作出来的效果会与使用“Insert\New Button”指令所制作出的动态按钮相同。

  下面我们就来制作一个简单的翻转图;

  首先打开图片“llt.gif?http://www.xvna.com”,然后Ctrl+Shift+D使它进入对象编辑模式,然后选取菜单指令“Insert\Hotspot”;下面我们为图片添加翻转动作,首先开启“Behaviors”面板,单击“添加动作”按钮,在弹出的菜单中我们选择“Simple Rollover”。(如图1)

Behaviors浮动面板

图1 Behaviors浮动面板

  这时,双击“Behaviors”面板中刚刚产生的“onMouseOver”选项,就弹出了“Simple Rollover”信息框,提示我们要执行“Simple Rollover”功能必须在Frame1建立Up状态图,以及在Frame2建立Over状态图。(如图2)

Simple Rollover信息框

图2 Simple Rollover信息框

  接下来,我们就来编辑一下Frame1和Frame2中的图片,打开Frames面板,复制Frame1产生Frame2,单击隐藏切割区按钮,选中图片,然后选取菜单命令“Xtras\Blur\Gaussian Blur”,弹出“Gaussian Blur”对话框,我们将“Blur Radius(模糊半径)”适当地调整一下,单击“ok”按钮,图片就被模糊化了。(如图3)

模糊的llt.gif?http://www.xvna.com图片效果

图3 模糊的llt.gif?http://www.xvna.com图片效果

  好了,现在按下F12就可以看到翻转图的效果了。

  另外,我们还可以通过“Object”面板或“URL”面板来为它设置URL链接,在这里就不再赘述,请参看第四章的第一节。

相关内容
赞助商链接