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

FireWorks
Fireworks 三帧打造酷 Banner
Fireworks MX制水晶立体五星
Fireworks 做证券效果的 Logo
使用Fw MX插件 3D Primitives
Fireworks Edge滤镜与彩色描边
给玉兰油MM做个曲别针展示图效果
用Fireworks制作Logo心得体会
用Fireworks制作连续跳跃数字
巧用Fireworks设计个性化印章
Fireworks蒙版制作图片窗格效果
使用Fireworks制作漂亮的礼花
Fireworks文本路径结合操作
FW制作片头文字渐显渐隐动画
Fireworks轻松绘制banner广告
Fireworks网页切片应用详解
Fireworks绘制纸折扇(2)
Fireworks绘制纸折扇(5)
Fireworks绘制纸折扇(1)
Fireworks绘制纸折扇(4)
Fireworks绘制纸折扇(3)

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


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

1、设置鼠标事件(2)

    

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

 
图8—05

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

 
图8—06

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

 
图8—07

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

 

8—08

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