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

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

4 c2 w! l# c! C
　　选中刚才创建的切割，选择Insert->op-up Menu在弹出的窗口中设置目录结构。
" C  d' ]% V: d9 w7 w% K1 ]
  c1 D8 O' y! S0 k- U1 L( ?6 z7 k


Text：显示出来的目录的名字。
. J; k; V  C$ E



Link：每个目录的相关的链接地址。
- b: p+ ?; k9 Q; \2 H5 Q
3 g' v! w% J. G! X, w

5 F( g& @; c8 y  f
1 v* G* Q+ v- ITarget：点击链接后打开窗口的方式。
# D, L, p/ z; e

* o& `* m8 Z* S- d6 Y

Indent Menu：设置为向下一级的目录。
# O5 q1 z9 w# X: O& t4 E
  v4 k8 {; m+ ~" [  h


3 x) H) T" t; t% o% u1 o$ }2 GOutdent Menu：设置为向上一级的目录。
3 ?% V# v- B+ m" S- b5 a) z
7 o8 P; W* }! o

　　完成之后按Next进入下一个窗口，设置弹出菜单的样式。你可以选择是用HTML方式还是图象（Image）方式来建立菜单，在这里我们先选择HTML方式。
8 z( _* r- a; ^+ |% L; x; z- P



& W0 m9 E* {7 r+ q7 LFont：设置目录文字的字体，还可以设置成为粗体和斜体。
% P, e) ?! s) `; G! M+ A
1 P" M3 K* r8 z& Y
5 f( V! U: {+ D6 D

Size：设置目录字体的大小。
+ K. |+ R5 C% M( d

; [0 E; O& N: Y7 U4 e- }- i0 x

# C3 ^6 F( U! R( p8 J1 j- kUp State：平时的状态。

9 U2 h  h6 |; F& x* G9 Q: X


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

7 b( d, u' X& O, s; i# P" o" Y

( b/ Z3 x8 W/ Q" o
Text：文字的颜色。

* q/ i! H0 y7 x& K5 d
% B4 n6 m- l& p) x5 T

Cell：背景的颜色。

" P6 a; n3 [7 Y


: V* I1 E% Q9 ePreview：马上预览修改后的样式。

5 a, n! f  H4 v- ?# }' k1 |8 Y

( O0 d# H0 f# a+ k3 R　　完成之后按Finish就完成对菜单的设置了。这时我们可以在画布上看到建立好的菜单，同时我们可以把菜单拖动到任何你认为合适的地方。


% H5 m+ |% O4 H) w$ r. k- ~
% \, E2 T* j* m7 _9 M　　最后选择File->Export就可以输出成HTML代码了，就是我们一开始看到的效果。需要注意的是，相比普通的输出，弹出式菜单还多了一个fw_menu.js文件，这个&#106avascript文件对弹出式菜单来说不可缺少。
8 q7 S1 L2 X6 z9 O　　在画布上双击弹出式菜单可以修改创建好的菜单，现在我们来把它改成图象（Image）方式输出。


( n0 l) ~; f: I: z+ g& E. _
+ }3 {8 E1 I; W0 H* @, ^# e　　从图上可以看出，图象方式与HTML方式唯一的区别就是增加了样式（Style）的选择，下面是应用了图象方式输出的结果。