Free CSS Navigation Menu Designs 1 at exploding-boy.com
发新话题
打印

[讨论] 利用dreamweaver mx自带的行为制作弹出菜单

利用dreamweaver mx自带的行为制作弹出菜单

  不知道大家有没发现dwmx中有一个和fw差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程!& {* E3 K4 R: k6 m( j
6 G; B2 W$ _! ^% b2 ?# ~4 t
  1.我这次是用图片,先在dwmx中新建一个页面,插入图片。选取图片,打开行为窗口,点击+号,选取“显示弹出式菜单”选项,这时候dwmx就打开一个窗口如下图:5 u- @/ c4 c& d1 Z  K1 @) X5 s7 L

* Z8 C% D5 B; _, E' |
' \( h0 Q# B3 D7 l. K. D. F4 \# e# S' N; d' @: \1 a
  大家可以看到有四个选项,分别为:“内容、外观、高级、位置”
) s% a# D: u9 h
3 W+ p* c# c$ K/ O4 s  2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图:
3 ~1 Z9 s. ^2 a$ {+ |) g& R2 f. I$ a3 [$ `& a; F- p& m
3 P' A8 S4 o/ _

) ?. S9 s) r4 C2 ~- L7 \+ S) N  k: b
  如果你的菜单还有下级菜单的话,则选取其菜单,再点击缩进项,如下图:, `; o, s! @3 x# A, i& i
( ~% P" m, y$ K6 Q  c
5 G8 N$ s! V. V- D

# O; Z0 U: o* U9 k7 _  3.点击“外观”选项,名副其实这里可以设定你的菜单外观,可以选择垂直菜单还是水平菜单,字体的大小,是否居中,和菜单的一般状态和鼠标滑过的样式。如下图:- g9 p% d/ n) `, p

3 c4 f1 [! }3 d) U. u5 B
- c' x9 `( Q! W1 a' l! Q; W5 t4 ^1 x" n5 D
  4.点击“高级”选项,这里我没做什么改动,只是把默认的菜单延迟时间改为500,如下图:
7 a$ U& i7 \. I. a* D8 q( `: g- z1 ^3 l) l
" D3 R& d# N, M* h, X2 _% u+ z

) M  q% T- G; ?" I$ s  5.点击“位置”选项,这里有四种选择,当然也可以通过x.y坐标值来自己设定。我在这里选择了下方位置,如下图:
" \: y4 X2 S! g1 M7 j9 l! Q5 A; q) ^- P$ n- P
1 E* X8 X& E6 C  R! c8 v
* h1 N( H9 _9 {& m# _
  好了,再点确定就完成了,这时dwmx会生成一个js文件在你的文件夹中,在上传你的网页时别忘了也把它传上去哦。

TOP

发新话题