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

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


! H' X2 r7 u& h' X
　　选中刚才创建的切割，选择Insert->op-up Menu在弹出的窗口中设置目录结构。

) u$ V+ O; d0 [* `% y& U

" V% F1 E( \; [, j6 s! {
Text：显示出来的目录的名字。
) E: ]& F$ N' Z9 _- y
  x8 s0 N* _/ h


3 R, E4 @8 i) n0 ]Link：每个目录的相关的链接地址。
# D, z* @, K0 q. o% A



Target：点击链接后打开窗口的方式。

/ r& h# p" o0 b& n6 g, b


- v0 Y6 Z0 u( d. B$ ]Indent Menu：设置为向下一级的目录。
5 ~: J1 K' }# I, W
; ]: K, c3 [7 u5 j


Outdent Menu：设置为向上一级的目录。
1 g# @. d, C. x+ |8 r0 }4 [3 x


　　完成之后按Next进入下一个窗口，设置弹出菜单的样式。你可以选择是用HTML方式还是图象（Image）方式来建立菜单，在这里我们先选择HTML方式。


; l+ X2 z5 C6 Q1 p- L+ [

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

! c% R2 K8 N& x, R

! J% u1 O% z/ F* T. p4 C
Size：设置目录字体的大小。


7 c6 n( m7 T# v1 @3 A% b
: D% U+ U# s* d# S6 A4 r* u
Up State：平时的状态。

  x( d1 F; d6 v0 O. \. W


9 G0 a$ m  _, T0 N+ tOver State：鼠标悬浮时的状态。
3 S2 p( U/ F, o: W* E5 X, ]
1 D7 v0 `1 k% J1 N3 ~

5 b. ?, X- u8 i, L# ?* c$ ], g: F) C
Text：文字的颜色。


% Y% g8 X" i. o3 G+ F
) h1 G" Y* e# I: q5 e
Cell：背景的颜色。

' t3 _, ?8 W6 m+ u  W3 L

0 {' ~# P& w8 q6 D. j0 s
! m8 e- s6 O# ^7 N- uPreview：马上预览修改后的样式。



2 p5 Y, D. k/ ?, [" M9 f　　完成之后按Finish就完成对菜单的设置了。这时我们可以在画布上看到建立好的菜单，同时我们可以把菜单拖动到任何你认为合适的地方。
" @) N3 u& k+ r1 q* x, I; s
! p0 y% Y( a7 Y/ ~8 V* a" @: W
* W, U9 ?9 A- O$ O
　　最后选择File->Export就可以输出成HTML代码了，就是我们一开始看到的效果。需要注意的是，相比普通的输出，弹出式菜单还多了一个fw_menu.js文件，这个&#106avascript文件对弹出式菜单来说不可缺少。
4 P7 R8 x' K) {- J% w, E- B$ |　　在画布上双击弹出式菜单可以修改创建好的菜单，现在我们来把它改成图象（Image）方式输出。

# l9 s. I  m! Z4 X0 K& G5 t/ i2 d

+ G5 g4 h7 R& l6 o2 A4 x" Y　　从图上可以看出，图象方式与HTML方式唯一的区别就是增加了样式（Style）的选择，下面是应用了图象方式输出的结果。