Fireworks 4 完全教程 创建弹出式菜单（Pop-up
当你的网站栏目众多并且有几级分类时，对于老用户来说当然会比较熟悉，但是对于新手来说就有可能让人觉得晕头转向。使用弹出式菜单可以让初次访问的浏览者快速了解网站的目录结构，直接找到想要的东西而不必在无关的页面中穿梭，因为弹出式菜单可以非常清晰的表达出一个网站的架构，这将是一项非常体贴用户的设计。好，我们现在就来做一个。首先绘制一个作为触发的按钮，然后选择Insert->Slice在按钮上建立切割，因为一定要有切割或热区才能创建弹出式菜单，所以在创建弹出式菜单之前一定要先建立切割或热区。
http://www.7dn.cn/Article/UploadFiles/2003111815651734.gif
选中刚才创建的切割，选择Insert->Pop-up Menu在弹出的窗口中设置目录结构。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Text：显示出来的目录的名字。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Link：每个目录的相关的链接地址。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Target：点击链接后打开窗口的方式。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Indent Menu：设置为向下一级的目录。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Outdent Menu：设置为向上一级的目录。
http://www.7dn.cn/Article/UploadFiles/2003111815651112.gif
完成之后按Next进入下一个窗口，设置弹出菜单的样式。你可以选择是用HTML方式还是图象（Image）方式来建立菜单，在这里我们先选择HTML方式。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Font：设置目录文字的字体，还可以设置成为粗体和斜体。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Size：设置目录字体的大小。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Up State：平时的状态。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Over State：鼠标悬浮时的状态。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Text：文字的颜色。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Cell：背景的颜色。
http://www.7dn.cn/Article/UploadFiles/2003111815651580.gif
Preview：马上预览修改后的样式。
http://www.7dn.cn/Article/UploadFiles/2003111815651436.gif
完成之后按Finish就完成对菜单的设置了。这时我们可以在画布上看到建立好的菜单，同时我们可以把菜单拖动到任何你认为合适的地方。
http://www.7dn.cn/Article/UploadFiles/2003111815651965.gif
最后选择File->Export就可以输出成HTML代码了，就是我们一开始看到的效果。需要注意的是，相比普通的输出，弹出式菜单还多了一个fw_menu.js文件，这个javascript文件对弹出式菜单来说不可缺少。
在画布上双击弹出式菜单可以修改创建好的菜单，现在我们来把它改成图象（Image）方式输出。
http://www.7dn.cn/Article/UploadFiles/2003111815651884.gif
从图上可以看出，图象方式与HTML方式唯一的区别就是增加了样式（Style）的选择，下面是应用了图象方式输出的结果。
页:
[1]