Fireworks教程:复杂图像变换(2)

Fireworks教程:复杂图像变换(2)

 

 

  如果点击“更多选项”按钮,也可以启动“交换图像”的详细设置对话框,如图9—15。


图9—15

图9—16

  用同样的方法为“鹦鹉”和“鲜花”按钮在“交换图像”对话框中设置不同的交换图像。三个按钮切片设置完成后如图9—17。

图9—17

  按F12键即可在浏览器上测试制作效果了,如图9—18。


图9—18

  可以看到,点击不同的按钮图像,就会在不同的位置上显示相应的变换图形。因此,这种图象的变换效果又被称为“不相交变换”。

  要修改设置内容时,选择切片后,点击“行为”面板右下角的“编辑” 按钮即可,如图9—19。


图9—19

 

推荐阅读

    Dreamweaver概述:轻松设置行间距

    Dreamweaver概述:轻松设置行间距,行间距,设置,属性,选择,层叠样式表,资讯,输入,Dreamweaver概述:轻松设置行间距 在Dreamweaver中轻松设置

    Dreamweaver教程:版式设计

    Dreamweaver教程:版式设计,横排,导航栏,二行,教程,结构,常见,站点,Dreamweaver教程:版式设计 设计精美的网站,都

    Dreamweaver教程:建站初步(1)

    Dreamweaver教程:建站初步(1),教程,选择,输入,建站,站点,命名,空间,Dreamweaver教程:建站初步(1) 建立一个网

    Dreamweaver教程:使用锚

    Dreamweaver教程:使用锚,教程,文本,命名,文档,链接,文件,目标,Dreamweaver教程:使用锚 简明步骤:选中文本→在目标文档中插入锚标

    Dreamweaver教程:使用空链接

    Dreamweaver教程:使用空链接,链接,教程,属性,对象,文档,输入,附加,Dreamweaver教程:使用空链接 使用空链接可以为页面上的对象或文本附加

    Dreamweaver教程: 创建导航链接

    Dreamweaver教程: 创建导航链接,导航,链接,文件,文档,教程,站点,选择,Dreamweaver教程: 创建导航链接 指向文档,图象

    Dreamweaver教程:插入库项目

    Dreamweaver教程:插入库项目,项目,教程,入库,文档,选择,入点,单击,Dreamweaver教程:插入库项目 1.将插入点放在“文档”窗口中。 2.选择一

    Dreamweaver教程:最基本的CSS(2)

    Dreamweaver教程:最基本的CSS(2),教程,列表,执行,字体,宋体,方正,访问者,Dreamweaver教程:最基本的CSS(2) 第二部分:编辑字体列表。 1.单