Fireworks打造javascript图片提示效果(4)

http://www.itjxue.com  2015-07-18 09:36  来源:未知  点击次数: 

  十五、用同样的方法,在帧面板中选择帧2贴上按钮,如图15所示。

Fireworks打造按钮图片提示效果
图15

  十六、在工具箱中选择切片工具,如图16所示进行切片。

Fireworks打造按钮图片提示效果
图16

  十七、使用选择工具,将漫画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧3,如图17所示。

Fireworks打造按钮图片提示效果
图17

  十八、使用选择工具,将油画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧2,如图18所示。

Fireworks打造按钮图片提示效果
图18

  十九、最终完成,我们可以按F12在浏览器上看一下效果。确定没有问题,便可导出html网页了。如图19所示。

Fireworks打造按钮图片提示效果
图19

(责任编辑:IT教学网)

更多

推荐Fireworks教程文章