FW MX 2004教程(8)-设置鼠标事件(上)

[复制链接]
查看: 233|回复: 0
gggds 发表于 2009-12-27 03:20:51 | 显示全部楼层 |阅读模式

8 k7 z9 t) Z* w+ t2 H  在前面的几章中我们已领略了Fireworks MX 2004在图像绘制上的出色表现。从本章开始,我们将来学习Fireworks MX 2004在在网页支持上的强大功能。我们先从动态按钮的制作开始。
6 c! r  E* m3 P7 _. f3 `3 p: W+ \; ?* n- U7 H# t: `# }
  1、设置鼠标事件
/ P* S7 |! I( c) `6 F0 |  先在画布上随便画个蓝色矩形的按钮形状,然后按F8键将该对象转化为“按钮”元件。此时该按钮在画布上的情况如图8—01。, ^6 X) F+ ~2 Q# I# l* _

, S* R* S" V( U' k, \
/ F9 j- d, X9 C! x7 F7 j7 W% M# C 图8—01
( l; R8 F: a: ]$ _3 D  双击应该按钮对象后,将弹出按钮元件的鼠标事件设置窗口,如图8—02。
, m5 i& }! D" O2 B. [/ g% P+ U
4 I* S% U4 q2 q& `- v* q' b5 r) i0 L: f
图8—02
  f/ B; N& L2 I' Y  j2 p* P  该窗口中前面的“释放”、“滑过”、“按下”和“按下时滑过”是用来设置鼠标在触及按钮时,按钮所呈现的四种状态。而“活动区域”则用来设置按钮在响应鼠标指针时的有效范围。: k4 Z9 |. w+ }& Y% b
  如果我们现在打开“帧”面板的话,就可以看到该面板下已自动为按钮元件生成了四个帧,如图8—03。但此时只有第1帧中有按钮图像,其它三帧均还没有任何内容。* n. d! t2 B- j8 R) x% ^

$ S& |1 K4 f3 w  N' Q
; \- [  f6 Q' E1 \ 图8—03
/ U/ f5 M4 f8 D: W5 ?5 [7 C' Q  点击“导入按钮”则可以从Fireworks的按钮元件库中直接选取一种按钮进行导入,如图8—04。9 C. X+ D+ ~& |- d

% E' B3 ?4 _% v7 z/ _
/ N) N' _" _3 z1 D* _/ b 图8—04
2 n  u( ^3 H% i  “释放”选项卡是用来绘制按钮的一般状态。当我们把普通的图形对象直接转换为按钮元件时,Fireworks会自动将该对象作为按钮的一般状态,放在“释放”选项卡中作为按钮的第一帧。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )