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

[复制链接]
查看: 282|回复: 0
gggds 发表于 2009-12-27 13:15:52 | 显示全部楼层 |阅读模式
1、设置鼠标事件(2). s4 J9 L0 l3 W9 V0 h$ b' O
???? 6 R4 G( W8 S/ u0 e3 O& a- V$ i
“滑过”选项卡是绘制当鼠标移动到按钮上及按下时,按钮所呈现的状态。在这里我们可点击“复制弹起时的图形”按钮,将“释放”选项卡中的按钮图形复制过来,然后只更改其色彩,以便区分。如图8—05。或者你也可以在此绘制你想要的其它图形。 : N$ w+ B- I- c4 A7 r

! t* g+ k+ c3 X& x
) S) K6 N4 ?1 r0 j+ y9 U% n0 c" e$ o) V$ m- r
?图8—05! [% I% S9 E% w8 L- Z
  “按下”选项卡是绘制鼠标在按钮上按过之后,按钮所呈现的状态。在该选项中只有选中了“包括导航栏按下状态”时此帧中的内容才会生效,否则此帧中的内容将不会在网页浏览中出现。我们同样将上一帧的按钮状态通过“复制滑过时的图形”按钮复制过来,然后将按钮色由绿色改为桔红,如图8—06。同样,你也可以在这里绘制任何一种你想要的按钮图形。$ J1 V5 |' D) }; D
?. M2 d) V/ }9 s* z- J
% J6 o5 m4 c( d! o7 o! S
图8—06
8 y2 o9 |  S% _  “按下时滑过”选项是设置按钮在被按过之后鼠标再次滑到按钮上时,按钮所呈现的形状。该项同样是在选中“包括导航栏按下状态”后才能生效。我们点击“复制按下时的图形”后,把上一帧的按钮色彩改为黑色,以便区别。
/ a) A9 a2 o6 |' }. h9 P?
& M: X. _0 v. y6 x7 g. \; n1 E
) x9 @  @+ Q. G% }图8—07
: d6 p2 P- {$ A' D  此时,按钮的四个鼠标事件都有了,点击“完成”按钮后回到工作区中的“原始”选项窗中。我们可以点击紧挨“原始”选项窗右边的“预览”窗(或按F12键启动浏览器)查看测试刚制作的按钮,如图8—08。
( r! W; J% F; \1 s! _9 |% W& r?7 ~0 e4 O+ h/ F, @3 Z* J3 J/ x

3 K2 A/ Y9 p7 M* b" V  A9 @4 C8 S$ D# p
8—083 Y- q  L& I( ~8 U) ^# \
   回到“原始”选项窗口后双击该按钮图形,或在“库”面板中双击该按钮元件都可以对该按钮进行重新编辑。

本版积分规则

精彩图文

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