Fireworks可以制作有动态效果的切图。现有一个切图“蜘蛛”,当鼠标移动到该切片上,旁边会出现汉字“我在织网呢”;当鼠标移出时,汉字消失。请简单描述给切图“蜘蛛”制作动态效果的步骤。

admin2014-08-26  35

问题 Fireworks可以制作有动态效果的切图。现有一个切图“蜘蛛”,当鼠标移动到该切片上,旁边会出现汉字“我在织网呢”;当鼠标移出时,汉字消失。请简单描述给切图“蜘蛛”制作动态效果的步骤。

选项

答案第一步,要在图像上制作用来调用JavaScripl的热区,制作热区的方法和切割图像的方法一样,都是使用工具栏最右下方的切片工具。这里需要定义两个热区,分别是蜘蛛和旁边的文字区域。 第二步,点击工具栏中的“部分选定”工具,然后分别点击两个切片,在“属性”栏中,设置各自的命名为“spiD,Er。”、“clause”,记住clause切片的宽高。这里clause切片的宽为213,高为56。 第三步。接着做一个文字图片,选择“文件”>“新建”(Ctrl+N)命令新建一个和clause切片大小相同的图片。使用工具栏上的“文本”工具在新建图片上写“我在织网呢”。画完后请选择“文件”>“导出”(Ctrl+Shift+R)将图像导出为GIF图片。 第四步,回到蜘蛛网页面,选定spiD,Er切片,再选择“窗口”>“行为”选项,打开面板。 按下添加按钮,选择“交换图像”,在随后弹出的交换图像对话框中的切片列表中选择“clause”,在“图像文件”中选择第三步中制作的那个GIF图像,然后点击“确定”。 当上面这步完成后,行为面板中将出现一个“OnMouseOver”的事件处理器,这说明刚才做的切片已经成功调用了JavaScript。按下键盘F12,即可以预览此特效。 如果效果满意的话就可以导出成品了,点击“文件”>“导出”即可。

解析
转载请注明原文地址:https://jikaoti.com/ti/wnEaFFFM
0

最新回复(0)