当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > FW MX 2004教程:动态按钮(2)

FireWorks
Fireworks快速打造逼真光盘
Fireworks 制作飘逸白云
Fireworks制作炫丽光亮DNA桌面
用Fireworks给美女化个超酷彩妆
Fireworks制作X-ray暗黑中的花朵
Fireworks锐化马赛克效果
Fireworks 绘制精美可爱水杯
Fireworks打造太极风书法桌面
Fireworks打造中国风格青花陶瓷按钮
fireworks 制作倾慕系列图标
Fireworks画清新翠绿竹子
Fireworks 的描边表面研究
Fireworks 8 寻梦之旅(1):新功能概览
Fireworks 8 寻梦之旅(2):图像编辑面
Fireworks 8 寻梦之旅(3):自动形状属性面板
Fireworks 8 寻梦之旅(4):其他面板
Fireworks 8 寻梦之旅(5):菜单新变化
Fireworks 8 寻梦之旅(6):实战操作
Fireworks 8 寻梦之旅(7):新增图层混合模式详解
Fireworks 8 寻梦之旅(9):制作弹出菜单

FireWorks 中的 FW MX 2004教程:动态按钮(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 36 ::
收藏到网摘: n/a

1、设置鼠标事件(2)

    

“滑过”选项卡是绘制当鼠标移动到按钮上及按下时,按钮所呈现的状态。在这里我们可点击“复制弹起时的图形”按钮,将“释放”选项卡中的按钮图形复制过来,然后只更改其色彩,以便区分。如图8—05。或者你也可以在此绘制你想要的其它图形。

 
图8—05

  “按下”选项卡是绘制鼠标在按钮上按过之后,按钮所呈现的状态。在该选项中只有选中了“包括导航栏按下状态”时此帧中的内容才会生效,否则此帧中的内容将不会在网页浏览中出现。我们同样将上一帧的按钮状态通过“复制滑过时的图形”按钮复制过来,然后将按钮色由绿色改为桔红,如图8—06。同样,你也可以在这里绘制任何一种你想要的按钮图形。

 
图8—06

  “按下时滑过”选项是设置按钮在被按过之后鼠标再次滑到按钮上时,按钮所呈现的形状。该项同样是在选中“包括导航栏按下状态”后才能生效。我们点击“复制按下时的图形”后,把上一帧的按钮色彩改为黑色,以便区别。

 
图8—07

  此时,按钮的四个鼠标事件都有了,点击“完成”按钮后回到工作区中的“原始”选项窗中。我们可以点击紧挨“原始”选项窗右边的“预览”窗(或按F12键启动浏览器)查看测试刚制作的按钮,如图8—08。

 

8—08

   回到“原始”选项窗口后双击该按钮图形,或在“库”面板中双击该按钮元件都可以对该按钮进行重新编辑。