设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks4 教程五:翻转图像
返回列表
发布主题
Fireworks4 教程五:翻转图像
[复制链接]
查看:
231
|
回复:
0
gggds
当前离线
积分
22694
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:16:37
|
显示全部楼层
|
阅读模式
除了创建按钮之外,Fireworks 还可以让您轻松的创建一个奇异的 javascript 翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在 Fireworks 中,这种翻转效果被称作不相交翻转( disjoint rollover)。 加入引发翻转的图象
6 G( v0 j: P4 F3 ]
1 l$ T' Y! I/ Z8 |# f7 v
1,打开图象 2,选择菜单上的Insert > Slice,给图象加上切片 加入新的帧 1,在frames(帧)面板上加入新的帧 2,选中新增加的这一帧 3,用矩形工具画和一个切片同样大小的长方形 加上拖放behavior 1,选中切片 2,将指针点中切片中心的behavior控制手柄,这时指针将变为手的形状
, d+ k: B2 S, c6 N$ \
# S* _- a5 {9 g% L" c
3,按住behavior控制手柄从中心往切片左上角拖动,这时就会出现一条蓝色的线条,同时会弹出一个窗口,在下拉的菜单上选择frame2
$ }6 G2 o$ x1 t9 F& l" m$ |0 W1 P
8 G6 t6 V' r( b9 C) R: f6 U
4,点击preview标签,就可以预览到翻转的效果了 创建一个不相交翻转 1,选中frame2 2,用文字工具输入文字 3,选择菜单上的Insert > Slice,将文字变为切片 4,点中上面的切片上的behavior控制手柄,拖向下面的文字切片
/ s$ v) M- m/ s* \
+ p( ]8 V1 @9 a0 r2 U4 N, `' r
5,在弹出的窗口的弹出菜单上确定选中了frame2 6,这样就会建立一个不相交翻转,当鼠标掠过上面的图象时就会显示下面的文字
+ Q/ G- N1 I1 f( |: m1 X$ B5 ~
6 z2 }4 L0 x2 g+ G+ N. l
【责任编辑 李旭海】
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表