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

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

+ u; I5 |+ v  q% p! _" u; N  在前面的几章中我们已领略了Fireworks MX 2004在图像绘制上的出色表现。从本章开始,我们将来学习Fireworks MX 2004在在网页支持上的强大功能。我们先从动态按钮的制作开始。 2 `& H' R# q3 X
2 o$ Z- ^1 |% U% z1 ~; W5 C3 ^# q3 G
  1、设置鼠标事件
. ~  s2 h7 D0 f% {: M, m) c2 }  先在画布上随便画个蓝色矩形的按钮形状,然后按F8键将该对象转化为“按钮”元件。此时该按钮在画布上的情况如图8—01。* H; ~+ ~: m0 b" `  K
1 {' _, D6 |, J- H3 E; q

% t8 M' T5 P: J2 ^2 t" x, a3 h 图8—01
0 P& \& x5 w2 r% J3 t% p  双击应该按钮对象后,将弹出按钮元件的鼠标事件设置窗口,如图8—02。" k( H$ `, g5 i) g) B8 O; {3 B" k2 E

; l  q9 v  c, q' P2 a
$ ~( R1 g+ l$ | 图8—02
& T2 x  a, J' K6 K  该窗口中前面的“释放”、“滑过”、“按下”和“按下时滑过”是用来设置鼠标在触及按钮时,按钮所呈现的四种状态。而“活动区域”则用来设置按钮在响应鼠标指针时的有效范围。
+ x7 E' l. e3 b; `3 i+ w7 {  如果我们现在打开“帧”面板的话,就可以看到该面板下已自动为按钮元件生成了四个帧,如图8—03。但此时只有第1帧中有按钮图像,其它三帧均还没有任何内容。
8 q. ?9 e( L) y( ]
+ c! i! Y6 ^/ t5 M
0 R# z0 S# W1 D' V 图8—037 F# ^+ `  l! ?2 Q8 k/ T* Y' ]
  点击“导入按钮”则可以从Fireworks的按钮元件库中直接选取一种按钮进行导入,如图8—04。
$ L. x6 I  n$ B& I, k5 `  W# {6 e* {3 O% Z$ K5 l! y

* r5 H$ c; B+ z; l 图8—04
8 G6 b( N! @6 G! D8 y9 [  “释放”选项卡是用来绘制按钮的一般状态。当我们把普通的图形对象直接转换为按钮元件时,Fireworks会自动将该对象作为按钮的一般状态,放在“释放”选项卡中作为按钮的第一帧。

本版积分规则

精彩图文

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