Fireworks教程:复杂图像变换(2)
Fireworks教程:复杂图像变换(2)
如果点击“更多选项”按钮,也可以启动“交换图像”的详细设置对话框,如图9—15。
图9—15
图9—16
用同样的方法为“鹦鹉”和“鲜花”按钮在“交换图像”对话框中设置不同的交换图像。三个按钮切片设置完成后如图9—17。
图9—17
按F12键即可在浏览器上测试制作效果了,如图9—18。
图9—18
可以看到,点击不同的按钮图像,就会在不同的位置上显示相应的变换图形。因此,这种图象的变换效果又被称为“不相交变换”。
要修改设置内容时,选择切片后,点击“行为”面板右下角的“编辑” 按钮即可,如图9—19。
图9—19
相关内容
-
Dreamweaver CC教程:更改窗口大小弹出菜单中列出
Dreamweaver CC教程:更改窗口大小弹出菜单中列出的值,窗口大小...
-
Dreamweaver概述:轻松设置行间距
Dreamweaver概述:轻松设置行间距,行间距,设置,属性,选择,层叠...
-
Dreamweaver CC教程:在收藏夹添加、删除或管理项
Dreamweaver CC教程:在收藏夹添加、删除或管理项目,收藏夹,删...
-
Dreamweaver CC教程:在多用户系统中自定义
Dreamweaver CC教程:在多用户系统中自定义,自定义,多用户系统,...
-
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac 上,选项,文档,...
-
Dreamweaver教程:版式设计
Dreamweaver教程:版式设计,横排,导航栏,二行,教程,结构,常见,...
-
Dreamweaver教程:建站初步(1)
Dreamweaver教程:建站初步(1),教程,选择,输入,建站,站点,命名...
-
Dreamweaver教程:使用锚
Dreamweaver教程:使用锚,教程,文本,命名,文档,链接,文件,目标...
-
Dreamweaver教程:使用空链接
Dreamweaver教程:使用空链接,链接,教程,属性,对象,文档,输入,...
-
Dreamweaver教程: 创建导航链接
Dreamweaver教程: 创建导航链接,导航,链接,文件,文档,教程,站...
-
Dreamweaver教程:插入库项目
Dreamweaver教程:插入库项目,项目,教程,入库,文档,选择,入点,...
-
Dreamweaver教程:最基本的CSS(2)
Dreamweaver教程:最基本的CSS(2),教程,列表,执行,字体,宋体,...
-
Dreamweaver教程: 定义CSS样式链接状态(1)
Dreamweaver教程: 定义CSS样式链接状态(1),链接,状态,鼠标,下...
-
dreamweaver CSS使用教程:创建新的CSS样式
dreamweaver CSS使用教程:创建新的CSS样式,属性,文本,选择,使...
-
恢复Dreamweaver的面板为开始的默认设置的技巧
恢复Dreamweaver的面板为开始的默认设置的技巧,恢复,位置,属...