///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Fireworks

///pc/homepage/fwjch/img/000.gif" width="100" height="20">
///pc/homepage/fwjch/img/title_00.gif" width="13" height="20">  

///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">新手上路
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页基本功
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页进阶处理
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页强化
///pc/homepage/fwjch/img/003.gif" width="18" height="16" align="absmiddle">网页高手
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">动态按钮的制作
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">简单翻转图
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">动态翻转图
///pc/homepage/fwjch/img/008.gif" width="18" height="16" align="absmiddle">自动化处理


/pc/bin/msg.pl?file_id=k_Fireworks05 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


第二节:简单翻转图

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

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

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

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

///pc/homepage/fwjch/img/fire4055.gif" width="401" height="221" alt="Behaviors浮动面板">

图1 Behaviors浮动面板

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

///pc/homepage/fwjch/img/fire4057.gif" width="498" height="168" alt="Simple Rollover信息框">

图2 Simple Rollover信息框

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

///pc/homepage/fwjch/img/fire4058.gif" width="240" height="162" alt="模糊的llt.gif图片效果">

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

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

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

上一节 下一节   

 

/pc/bin/msg.pl?file_id=k_Fireworks05 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页