Fireworks 4 完全教程 创建复杂交互效果（Rollovers）

　　刚才我们做了一个简单的翻转效果，回忆一下，我们是用一种不同于按钮编辑器的方式制作的。它的制作思路是：翻转效果的每个状态都是一帧，先为每个状态制作好各自的帧，然后添加切割和行为，行为可以使这些帧结合起来产生交互的效果，任何复杂的交互效果都是以此为思想创建的。
　　除了用行为（Behaviors）面版来创建行为，我们还可以直接在画布上用拖放鼠标（drag-and-drop）的方式来创建行为。直到Fireworks4.0以前这依然是不可能做到的，但是在Fireworks4.0中，这成为了事实。
　　这次我们要创建一个效果稍微复杂的交互行为，同时介绍拖放鼠标（drag-and-drop）的使用。
4 \8 ?4 L: \6 O+ B9 j1 g+ S3 @　　新建一幅画布，并在上面绘制一个矩形，注意：确认当前的状态为第一帧（Frame 1），如图：

! u! M/ Y8 l# E6 z

　　现在制作第二帧，我们希望当鼠标悬停时能够在矩形的下方出现“Rollovers”的字样，因此手工建立第二帧，并选中第二帧在它上面写上Rollovers。当你在制作第二帧时，你将可能看不见第一帧上的内容，如果你需要第一帧上的图形作参考的话，可以在帧（Frame）面版中打开“洋葱皮”功能。

  A- y8 s1 ?1 {" m. E" ]

　　分别在矩形和文字上建立切割，因为所有的行为都是在切割和热区上完成的。

, _! a0 _4 @' K- a. I
+ E. k' y1 z4 ]0 r/ i3 R. a- u
- o2 n! O4 [5 D! F0 F3 x　　当鼠标靠近切割中心的准星图形时，会变成手的形状，这就代表切割可以利用拖放产生行为。将矩形上的切割的准星拖到文字上的切割上，这样就可以简单的利用拖放来创建行为了。



　　当鼠标在目标切割上松开时，Fireworks会弹出窗口询问你交互的方式，在这里我们要选择切换到第二帧（Frame 2）。

% O% z; u# n5 ^$ N& R* l

　　预览一下刚才创建的翻转。如果你愿意，可以用同样的方法创建多个交互，直到满意为止。在刚才的基础上，我又给矩形添加了自身变换的效果，有兴趣的请自己试一下，如果你熟练的话，这一步骤不会超过一分钟。
8 ?: i8 g0 h# H& N% Z& H　　Fireworks用一条兰色的曲线来表示拖放产生的行为，如果你想要删除这个交互行为，只要点击这条兰色曲线，Fireworks会询问你是否要删除行为。