Fireworks4 教程二：做一个按钮（下）

要创建一个JavaScript按钮，必须先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中可以重复利用的元素。

　　转化为Symbols(符号)

dedecms.com

　　1,选定这个矩形区域,从菜单中选择Insert>ConverttoSymbol.

dedecms.com

　　2,在Name(名称)一栏中填入MyButton。 copyright dedecms

　　3,选择按钮(Button)选项，然后单击“ok”。

　　 本文来自织梦

织梦好，好织梦

　　现在你可以看到，这个按钮被一层绿色所覆盖，并且在左下角有一个小箭头，这层绿色表示这是一个分割区(Slice)。而这个箭头表明这个矩形区域是存储在文档的库(Library)中Symbols的一个例图(Instance)。然后，你将会使用这个圆形的(behaviorcontrol)动作控制器来创建一个翻转图象。 织梦好，好织梦

　　4,选择菜单Window>Library可以看到在库(Library)中的按钮，

织梦内容管理系统

dedecms.com

　　给按钮加上文字 本文来自织梦

　　1，双击这个按钮打开按钮编辑器 copyright dedecms

　　2，选择文字工具(Texttool)，然后在按钮编辑器中的按钮上单击鼠标。 copyright dedecms

　　3,在文字编辑器(TextEditor)中可以选择字体选择，字号对齐方式等，在这里我们选择Impact字体,大小为16-point，居中对齐。颜色设顶为橘黄色。 dedecms.com

　　 本文来自织梦

　　4，输入“AdventurePlanner”，并单击ok。 织梦好，好织梦

　　 本文来自织梦

本文来自织梦

　　对齐文字

　　对齐按钮上的文字，你需要使用菜单命令。 织梦内容管理系统

　　1，用指针(Pointer)选中按钮，并且按住shift同时选中文字。

dedecms.com

　　2，点击菜单中的Modify>Align>CenterVertical(垂直中心对齐)

织梦内容管理系统

　　3，并且点击Modify>Align>CenterHorizontal(水平中心对齐)这样将使文字对齐按钮中心。

内容来自dedecms

织梦内容管理系统

　　创建翻转效果

　　1，单击按钮编辑器的滑过(Over)标签然后单击复制弹起图像(CopyUpGraphic)按钮。在滑过(Over)标签中的图像是指在已完成的网页中当鼠标指针滑过这个按钮时显示的图像。 织梦内容管理系统

　　2，选中文字，使用fill(填充)面板，将文字变为红色。

copyright dedecms

copyright dedecms

　　3，关闭按钮编辑器

本文来自织梦

　　记得要经常的保存你的工作哦 织梦好，好织梦

　　预览一下 内容来自dedecms

　　1，点击工具面板下面的隐藏切片图标，就可以隐藏掉按钮上覆盖的绿色。 dedecms.com

织梦好，好织梦

　　2，点击preview标签，

copyright dedecms

　　3，把鼠标移到按钮上面就可以看到变色的效果了。

内容来自dedecms

　　给按钮加上链接 内容来自dedecms

　　1，点击Object面板上的LinkWizard(链接向导)

dedecms.com

　　2，在LinkWizard(链接向导)上的link标签上输入链接地址。 织梦内容管理系统

看完这篇，您有何感觉呢？