Fireworks 4 完全教程 创建弹出式菜单（Pop-up&#1

　　当你的网站栏目众多并且有几级分类时，对于老用户来说当然会比较熟悉，但是对于新手来说就有可能让人觉得晕头转向。使用弹出式菜单可以让初次访问的浏览者快速了解网站的目录结构，直接找到想要的东西而不必在无关的页面中穿梭，因为弹出式菜单可以非常清晰的表达出一个网站的架构，这将是一项非常体贴用户的设计。
　　好，我们现在就来做一个。首先绘制一个作为触发的按钮，然后选择Insert->Slice在按钮上建立切割，因为一定要有切割或热区才能创建弹出式菜单，所以在创建弹出式菜单之前一定要先建立切割或热区。
+ ^* q" ?) _9 F: m+ t


6 ~; ^( K' n: B7 e　　选中刚才创建的切割，选择Insert->op-up Menu在弹出的窗口中设置目录结构。
' E$ V5 U% O. D8 e1 c

* Z3 b9 M9 U" g, j6 h
' P; b8 K4 B( B1 b
Text：显示出来的目录的名字。




( ~/ g! c" d- A9 ~( p3 h) SLink：每个目录的相关的链接地址。
( o* P! y2 i0 C* O

4 W# w) e/ n. u! |

/ q7 X5 u4 p: M- ?7 O5 WTarget：点击链接后打开窗口的方式。
* R$ W" N' K- F5 Y
8 c; c' t, W5 U" {3 _8 }3 O* U2 H
: {' i7 M. M3 `% [: ?
8 Q! |; u9 u; c& J- e3 P
* T, ]" _/ j- B+ [+ V( g/ {" pIndent Menu：设置为向下一级的目录。


: r& R; K  B4 N/ B/ Q3 p
5 C/ ~. g* e: I+ H  l( w  c* R
) l. k3 C. v1 O9 N! z2 v+ p4 ?; AOutdent Menu：设置为向上一级的目录。


4 {& i0 S. g2 r% Q6 f$ _
　　完成之后按Next进入下一个窗口，设置弹出菜单的样式。你可以选择是用HTML方式还是图象（Image）方式来建立菜单，在这里我们先选择HTML方式。
. g) t* G6 `4 [2 T! M; I% ?/ }
. C3 G; m6 g$ y
+ X* b2 Z! m- X# c4 L
7 o5 N4 Y3 u) v* W5 T' c+ q
$ ^0 x, V- Z1 xFont：设置目录文字的字体，还可以设置成为粗体和斜体。
* \/ m) x4 S* x' S: Q* V1 k
1 H# S9 Q& q) {6 n7 N& O
. Q- i3 J- w2 R0 t0 w
3 y; ~, ?9 S0 _# h9 G( O1 J( y: Z$ ^; W
* L: U# c1 ~: v) u, X. k5 aSize：设置目录字体的大小。
% j# L2 \7 `. `- j( e
( }- Y9 Z% Q2 |3 O% e% }+ G3 b# F

8 N( w9 B; W- [# }6 v
) @% f7 K. K# C4 e7 OUp State：平时的状态。

* Q' {+ `- B& e5 z* i
+ s- w$ G; J" h$ F) A

Over State：鼠标悬浮时的状态。



0 M& U4 g) d! R/ G+ Q  ~+ ^* F+ S
Text：文字的颜色。
8 T4 L' a$ h$ ~3 J8 `0 j( r& X


' h# W- @$ s1 H) \2 Z
Cell：背景的颜色。
) Q5 k" F" I* a


+ B6 y' k+ [* S& A9 j
: i9 `, G' U7 E' M- x2 SPreview：马上预览修改后的样式。


$ T4 L' `4 \8 |$ l% V
　　完成之后按Finish就完成对菜单的设置了。这时我们可以在画布上看到建立好的菜单，同时我们可以把菜单拖动到任何你认为合适的地方。



　　最后选择File->Export就可以输出成HTML代码了，就是我们一开始看到的效果。需要注意的是，相比普通的输出，弹出式菜单还多了一个fw_menu.js文件，这个&#106avascript文件对弹出式菜单来说不可缺少。
　　在画布上双击弹出式菜单可以修改创建好的菜单，现在我们来把它改成图象（Image）方式输出。

; a: z5 c- A* o+ B
% W% N/ o* W8 Y; K8 c
' V5 _( n# w5 Z. }% G+ w" c　　从图上可以看出，图象方式与HTML方式唯一的区别就是增加了样式（Style）的选择，下面是应用了图象方式输出的结果。