在Fireworks中为网页添加一个交互式动态按钮这已不是什么新鲜事了,然而利用该动态按钮的制作原理,创作一款能响应鼠标操作的翻盖式打火机,你见过没呢?!下面让我们先来看一下该作品在导出为HTM格式后,在浏览器中所呈现的各种动态效果。
我们进入最后的“活动区域”选项卡,为这个按钮元件绘制一个鼠标的有效果响应区域。即只有当鼠标指针位于该区域时,该打火机才会产生相应的动作图形。显然,这个有效区域就是打火机的开关位置,我们用“矩形热点”工具在这个位置上绘制出大小为38*17大小的矩形即可,如图23。在点击元件编辑窗口右下角的“完成”按钮后,即可回到最初的“原始”工作区中。

在“原始”工作区中可以看到,这个打火机的按钮元件被自动加上了网页切片。这个网页切片的大小与这个打火机按钮元件的大小是相一至的,换句话说,这个切片所覆盖着的区域就是这个打火机按钮元件,在响应鼠标动作时的变化区域。但此时却有一部分的网页切片处在画布之外,这就意味着这个按钮元件在导出为HTM格式之后,画布之外的元件图形将会被自动删除,从而无法看到作品的整体效果。如图24。
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页
GOOGLE广告载入中... GOOGLE广告载入中... |