发新话题
打印

Dreamweaver MX进阶教程(三)轻松制作弹出菜单

Dreamweaver MX进阶教程(三)轻松制作弹出菜单


使用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 H5 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 u8 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 ?



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题