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

[复制链接]
查看: 239|回复: 0
gggds 发表于 2009-12-27 03:20:51 | 显示全部楼层 |阅读模式
/ d9 s( p6 t! N% p+ H. l0 v% X
  在前面的几章中我们已领略了Fireworks MX 2004在图像绘制上的出色表现。从本章开始,我们将来学习Fireworks MX 2004在在网页支持上的强大功能。我们先从动态按钮的制作开始。 : }9 i( U$ S, {  a& l
# Z# x  l) ~7 R# @3 r4 w
  1、设置鼠标事件. n* `, W% h; p0 Y6 W
  先在画布上随便画个蓝色矩形的按钮形状,然后按F8键将该对象转化为“按钮”元件。此时该按钮在画布上的情况如图8—01。
( J* H$ V9 G9 m( x. }
" W% {3 ?) g3 m: r4 F
% x$ ~& ]) J2 M# O8 N6 U8 f 图8—01
( I. N" y, ?% A0 t  双击应该按钮对象后,将弹出按钮元件的鼠标事件设置窗口,如图8—02。
7 D0 u" p% T! X, g: }" f& z0 v, A1 n3 B5 e  J4 \1 b

1 J% T/ b- A4 e0 h) o1 w 图8—02) Z! d8 j, |! I
  该窗口中前面的“释放”、“滑过”、“按下”和“按下时滑过”是用来设置鼠标在触及按钮时,按钮所呈现的四种状态。而“活动区域”则用来设置按钮在响应鼠标指针时的有效范围。
0 N- H- @. O# U/ v  如果我们现在打开“帧”面板的话,就可以看到该面板下已自动为按钮元件生成了四个帧,如图8—03。但此时只有第1帧中有按钮图像,其它三帧均还没有任何内容。
/ [: r/ M) p- F4 W) E. ]6 ~/ n# q: {2 U% ]) b$ a, i0 i6 w! ^

! `) z$ B+ g, S% }" e8 M 图8—03
+ F  C. l- [6 I5 i  点击“导入按钮”则可以从Fireworks的按钮元件库中直接选取一种按钮进行导入,如图8—04。
) z" }! Z& M4 E2 F6 [( W
" c& A# \+ ^- g( e( C) a0 k. W: c  Q( {# [9 ]9 \4 m- |3 h% ~/ h
图8—04
: i' h5 [; w4 _+ U8 D" H4 o  “释放”选项卡是用来绘制按钮的一般状态。当我们把普通的图形对象直接转换为按钮元件时,Fireworks会自动将该对象作为按钮的一般状态,放在“释放”选项卡中作为按钮的第一帧。

本版积分规则

精彩图文

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