Fireworks滚盖图技巧高级篇

核心提示： 下面的按钮动画便是我们已经将Over状态的图片进行替换后的效果，动态按钮效果16、但是，Fireworks滚盖图技巧高级篇(4)，我们发现在鼠标离开时，还没有出现我们预期想要的动画，<td><a href="http://cms.ddvip.com/index.

下面的按钮动画便是我们已经将Over状态的图片进行替换后的效果。

动态按钮效果1

6、但是，我们发现在鼠标离开时，还没有出现我们预期想要的动画。如果你想出现这个效果，仅仅使用简单的图片替换法已经不能解决问题了。现在我们首先需要的是制作出鼠标离开时的动画，动画制作完毕后，将其和其他的按钮图片一样，保存到同一个文件夹下，假设保存的图片文件为out.gif，然后再加以使用。

7、用Dreamweaver4打开我们刚刚保存的button.htm，切换到源文件视图下。找到产生按钮动画的相关的Javascrip代码，我们可以发现，下面的一段代码对于动画的产生有着直接的影响，

<td><a href="http://cms.ddvip.com/index.php#" onMouseOut="MM_nbGroup('out');

" onMouseOver="MM_nbGroup('over','button_r1_c1',

'images/button_r1_c1_f2.gif', 'images/button_r1_c1_f3.gif',1);

" onClick="MM_nbGroup('down','navbar1','button_r1_c1',

'images/button_r1_c1_f3.gif',1);" >

<img name="button_r1_c1" src=http://tech.ddvip.com/2007-04/"images/button_r1_c1.gif"

width="186" height="60" border="0"> </a></td>

用红色标注的两个地方正是我们要找的地方，刚才我们将Over状态的图片进行替换，从而产生了上面的“动态按钮效果1”，其实变化的就是

onMouseOver="MM_nbGroup('over','button_r1_c1',