在Fireworks中为网页添加一个交互式动态按钮这已不是什么新鲜事了，然而利用该动态按钮的制作原理，创作一款能响应鼠标操作的翻盖式打火机，你见过没呢？！下面让我们先来看一下该作品在导出为HTM格式后，在浏览器中所呈现的各种动态效果。
因此为了解决这一问题，我们通过点击菜单栏上的“修改——画布——符合画布”命令，使该画布完全符合按钮元件的切片大小。这样一来，就可以使这个打火机的按钮元件在响应鼠标动作时，图形的变换可以完全的处于画布之内，从页使我们能够完整地看到该按钮元件的图形变化效果。如图25。
在图25中可以看出，尽管我们把这个打火机的按钮元件的背景色改成了黑色，但在画布当中所显示的却仍是白色。所以我们通过“修改——画布——画布颜色”选项，将画布改为黑色。
另外，在图25中的绿色切片上的文字也可以看出，当前的图形切片格式为*GIF，为了使作品在导出为HTM格式后，有个效好的图像观看效果，我们需要将该按钮元件的图象导出为品质较高的*JPEG格式。先选中该切片，然后在“优化”面板中点选“JPEG”，接着在右边的“品质”栏中输入数值为“100”即可，如图26。
至此，整个作品就完成了，可点击工作区上的“预览”选项卡进行效果查看，如图27。
在确认无误后最好还是通过“文件——导出”选项将作品以HTM格式进行永久性的保存。以后无论什么时候想要再查看该效果时就方便多了。所谓举一反三，在本例教材中我只是巧妙利用了Fireworks在制作交互式按钮元件时的相关功能，从而绘制出了这个可以用鼠标的操作先翻盖，再点燃的打火机效果。大家依然可以发辉想像力，再次利用Fireworks的这一功能来制作出更好的交互式作品！
-----------------------------------
点击下载png源文件及最终效果上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
GOOGLE广告载入中...
GOOGLE广告载入中... |
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） 
