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

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

& z* g- S+ y- L' d9 g
. o! h2 b; R! m) l5 K% |' {. k9 f4 L7 z4 z
　　选中刚才创建的切割，选择Insert->op-up Menu在弹出的窗口中设置目录结构。
* }5 t; W4 S- O% o! \  N
, G# s4 p! r8 r: R


Text：显示出来的目录的名字。


: m0 u  C! R( F! E! E% Y; ]

Link：每个目录的相关的链接地址。
* W1 G9 H" I6 p' D2 h+ n$ K* D
! ], L. \/ X3 s* H" n
% P: I- _. L/ M
' U% t/ x, L. R3 b
Target：点击链接后打开窗口的方式。

1 V' b: B( N$ @
. Y/ M8 r1 P7 `: W7 X, P6 z4 ^
" J$ E! w! g" l  Q3 d$ V
Indent Menu：设置为向下一级的目录。




: H( W; b6 ~! p, YOutdent Menu：设置为向上一级的目录。


1 Z' O1 H/ j5 E6 q
& U& E- t4 M3 e& p* Q5 p9 z　　完成之后按Next进入下一个窗口，设置弹出菜单的样式。你可以选择是用HTML方式还是图象（Image）方式来建立菜单，在这里我们先选择HTML方式。

+ k% G; Q. P8 d2 m


Font：设置目录文字的字体，还可以设置成为粗体和斜体。


+ G' w0 w& Y6 G: x4 Y  L; Q& B; v
. Y6 f" }1 n9 l. i% C3 S8 {
Size：设置目录字体的大小。


6 G' \9 ^0 b. S9 C5 ?! f

Up State：平时的状态。
* d5 |+ W4 C  X+ a  m4 `

: U! P+ l/ k! |& |# P: t! r# W7 O
0 a5 t4 }3 \3 [) C+ c. C
Over State：鼠标悬浮时的状态。
8 g( ]% u& c+ W
' c( P1 i; [7 _: T
/ {8 _2 T' Q3 m% E. i2 \

Text：文字的颜色。

8 U8 g+ I. ?7 w' B5 x+ ?) E

( t! b, {3 x! R
/ |6 k% w) C9 b! }( A& n6 rCell：背景的颜色。


9 J, t" q3 f" w

Preview：马上预览修改后的样式。
) ]: H% x2 A2 K& N3 o) z2 O- M
; x. ~$ Z& B6 e4 l4 w3 X
9 Y- Z! V+ ]6 ^3 q. n+ ?9 f
　　完成之后按Finish就完成对菜单的设置了。这时我们可以在画布上看到建立好的菜单，同时我们可以把菜单拖动到任何你认为合适的地方。
% P# S* D, [$ h


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

! U: F6 U% P. m6 O3 f5 U! }
+ X+ O/ h# K& g2 Y5 s2 v8 O. p, ^　　从图上可以看出，图象方式与HTML方式唯一的区别就是增加了样式（Style）的选择，下面是应用了图象方式输出的结果。