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

[复制链接]
查看: 306|回复: 0
gggds 发表于 2009-12-27 12:02:07 | 显示全部楼层 |阅读模式
; Z- {; \  `6 k+ c
  在前面的几章中我们已领略了Fireworks MX 2004在图像绘制上的出色表现。从本章开始,我们将来学习Fireworks MX 2004在在网页支持上的强大功能。我们先从动态按钮的制作开始。
' `* Y5 q; X0 Q" M* M9 B+ B, o5 Y/ }+ y( [. c. e: h! s
  1、设置鼠标事件: h% z1 }& l; k$ B, m- c
  先在画布上随便画个蓝色矩形的按钮形状,然后按F8键将该对象转化为“按钮”元件。此时该按钮在画布上的情况如图8—01。
; h1 l# w( S- W3 o; `# F2 a& t. h$ D  b: L; }. _' x

+ X4 p2 b! G/ p2 U- K 图8—01
  y- N' ^  t; i- V; N  双击应该按钮对象后,将弹出按钮元件的鼠标事件设置窗口,如图8—02。( d$ h* A& s. T4 t, @, K# K8 f
# S- h2 E3 W7 M/ b: e$ g  l6 {

* A9 R# Q2 H- A/ i/ j. j5 h 图8—02
. E& m2 m- K6 {, ?) q' x" F  该窗口中前面的“释放”、“滑过”、“按下”和“按下时滑过”是用来设置鼠标在触及按钮时,按钮所呈现的四种状态。而“活动区域”则用来设置按钮在响应鼠标指针时的有效范围。2 [4 p+ C1 v9 z$ }4 G
  如果我们现在打开“帧”面板的话,就可以看到该面板下已自动为按钮元件生成了四个帧,如图8—03。但此时只有第1帧中有按钮图像,其它三帧均还没有任何内容。
* Y, \9 _. s" J6 m/ W" c7 X
9 E( D" b& S% l0 y3 _2 e8 }
7 h: w+ Y" _( d# ^ 图8—03
( U2 q; _! x8 s' g  点击“导入按钮”则可以从Fireworks的按钮元件库中直接选取一种按钮进行导入,如图8—04。4 X8 L$ [+ ?- g0 Y( R' K% }: v

7 y  J5 ^8 X& O  J  q/ O7 L# h! O: {7 g4 ~0 H* |9 x( F
图8—04
# t6 K% ?0 T2 d- s5 O, E  “释放”选项卡是用来绘制按钮的一般状态。当我们把普通的图形对象直接转换为按钮元件时,Fireworks会自动将该对象作为按钮的一般状态,放在“释放”选项卡中作为按钮的第一帧。

本版积分规则

精彩图文

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