使用Dreamweaver MX的行为,可以直接做出弹出菜单。下面讲解制作一个弹出菜单的具体步骤。
/ h2 ?& a: A) L+ L
1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。如果需要给文本加上弹出菜单,首先需要把文本变成链接。选中文本,在属性面板的链接项输入“javascript:;”,就给文本加上链接了。
7 b/ N, H/ ~- |( |
/ P7 O. n5 b8 A5 d, j' K* C
7 K" w- V1 K# q. z" d! U% R* l# e" H8 Y2 a: @6 G- X: \- i! S* c
2.文本链接默认的颜色是蓝色,并且有下划线。如果要更改链接文本的外观使它看上去不是一个链接,在代码视图下,打到这个链接的a href 标签,在后面插入“style="text-decoration:none; color:black"”。
: r/ D d0 t4 y$ B; O
9 D. o7 r& \! Y+ j7 t
5 I4 n% Y3 l- h- U. X; w( H5 R; W+ ~! X! u+ Z6 s
3.在添加弹出式菜单之前需要保存网页文件。保存网页之后,打开行为面板,点击 号。
M. `+ R! Q* g1 T% ]! Q/ U& u( u) Q. n9 E' ?+ |5 U2 w1 H7 F# {9 M
+ Y1 h) N6 \& Y9 ^7 I g7 V; h. K
; ?6 {4 p- Y# ?4.在弹出的菜单中点击“显示事件”,选择“4.0 和更高版本浏览器”。
. X: x8 p* t" h& z# [
/ j U) X: _8 H
5 j7 a7 Z% h" p! m9 q
$ ]8 L1 r. T8 {% I& `5.点击 号按钮,在弹出的菜单中选择“显示弹出式菜单”。
5 ^/ i' J8 H: r0 R2 k/ M4 g
) X# _/ [3 b* `1 W9 u
8 s# [1 O x* W. ~- ?0 h
8 F" d3 D7 u3 t" C) T$ ?4 {! @
6.在“显示弹出式菜单”中添加弹出菜单,并做外观和位置的设置。中文版一看就明白,这里不多说了。
0 ^# T8 v. E; ] D4 S9 j$ C$ n. i) B- s
) V- R6 i- F `7 O9 \. e$ x7 V
( z+ ?; \6 x+ W+ c7.做好弹出菜单后,按F12预览,在浏览器中的效果如下图。
8 ~8 w" ], v& T1 g4 F5 ?
6 ?: N2 D* e, h& Z, c8 ?
