通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Fireworks
相关内容

魔 幻 翻 转
除了创建按钮之外,Fireworks 还可以让您轻松的创建一个奇异的 Javascript 翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在 Fireworks 中,这种翻转效果被称作不相交翻转( disjoint rollover)。

1 如果您现在看不到图层(Layer)面板,从菜单中选择 Window > Layers。单击 Layer 1 使它成为活动层。
2 打开帧(Frames)面板 (从菜单中选择 Window > Frames )。

3 单击帧(Frames)面板下方的新建/复制帧(New / Duplicate Frame)按钮。
4 在帧(Frames)面板中单击 Frame 2 。除了这个按钮之外其他的图像都将消失不见了,这是因为这个作品是在第一帧中。而这个按钮将共享于其他的所有帧。
接下来,您将要在第二帧上放一个图像作为翻转的来源。您需要打开描图纸(onion skinning)来帮助您将第二帧与第一帧对齐。描图纸(Onion skinning)让您可以在同一时间看到其他帧的一个稍暗的版本。
5 单击帧(Frames)面板中第一帧(Frame 1)左侧的方框。Fireworks将用一个半透明的形式显示第一帧的内容。

为了节约您的时间,我们已经建立了您将用来作为翻转源的作品。
6 如果您看不到库(Library)面板,从菜单中选择 choose Window > Library。
库(Libarary)面板中存储按钮和其他一些您想再次使用的图案。
7 单击项目列表中的 Swap Text 。在库(Library)面板上方将显示这个作品的预览。

8 从库(Library)面板的预览窗口中拖动 Swap Text 作品并把它对齐到欢迎消息的上面。

9 在帧(Frame)面板中单击第一帧将它激活。
10 使用指示器(Pointer)工具选定欢迎消息的棕色区域然后选择 Insert > Slice。
Fireworks 插入一个亮绿色的透明的矩形到图像上以表示分割区(Slice)。

11 在对象(Object)面板中不要选择自动命名(Auto-Name)分割区(Slice)选项然后在面板下方的文字栏中输入 text_slice 。清楚的分割区命名将帮助您在维护和更新网站时区分分割区图像。

您将要添加一个 Behavior(预先写好的 Javascript 代码)到 Gifts 按钮,指向当鼠标滑过按钮时改变的分割区
12 选定 Gifts 按钮。
13 打开 Behaviors 面板(从菜单中选择 Window > Behaviors ), 单击加号(+)按钮然后从下拉菜单中选择 Swap Image 。

这是将出现 Swap Image 对话框。
14 确认在对话框左侧的分割区列表中已经选定了 Text_slice,然后单击确定。

15 单击工具栏中的隐藏热点区和分割区( Hide Hotspots and Slices)按钮。单击工作区的预览(Preview)标签然后将指针移到按钮上。指向 Gifts 按钮并注意右边的消息的变化。
预览标签所显示的图像、按钮和 Javascript Behavior 和将在 Web 浏览器中所显示的是一样的。
16 单击 Original 标签保存这个图像。

1 序
2 教 程 总 览
3 制 图 工 具
4 Javascript按 钮
5 魔 幻 翻 转
6生动的效果
7自动操作
8 蒙 板
9 热 点 区 域
10图 像 优 化
11 导 出 文 档
12 动 画
 
教程站
收集整理
服务大家