站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 设计相关 -- Fireworks教程 -- 文章正文 第二节:简单翻转图
推荐位

第二节:简单翻转图

中国个人站长站 Fireworks教程 点击数: 更新时间:2004-10-23 17:10:49
第二节:简单翻转图

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

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

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

  首先打开图片“llt.gif”,然后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图片效果

图3 模糊的llt.gif图片效果

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

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

佚名 文章录入:humianzhizhou    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《第二节:简单翻转图》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号