中华网通行证
用户名 密码

Dreamweaver MX 2004简体中文版进阶教程(三)

之弹出菜单
中华网科技 http://tech.china.com
进入BBS】【进入聊天室】【浏览字号: 】【关闭窗口

    使用Dreamweaver MX的行为,可以直接做出弹出菜单。下面讲解制作一个弹出菜单的具体步骤。
1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。如果需要给文本加上弹出菜单,首先需要把文本变成链接。选中文本,在属性面板的链接项输入“javascript:;”,就给文本加上链接了。


2.文本链接默认的颜色是蓝色,并且有下划线。如果要更改链接文本的外观使它看上去不是一个链接,在代码视图下,打到这个链接的a href 标签,在后面插入“style="text-decoration:none; color:black"”。

3.在添加弹出式菜单之前需要保存网页文件。保存网页之后,打开行为面板,点击+号。

4.在弹出的菜单中点击“显示事件”,选择“4.0 和更高版本浏览器”。

5.点击+号按钮,在弹出的菜单中选择“显示弹出式菜单”。

6.在“显示弹出式菜单”中添加弹出菜单,并做外观和位置的设置。中文版一看就明白,这里不多说了。

7.做好弹出菜单后,按F12预览,在浏览器中的效果如下图。


 
 作者:付国涛 来源:5D多媒体
相关教程

Dreamweaver MX 2004简体中文版进阶教程(一) 之可视化操作iframe
Dreamweaver MX 2004简体中文版进阶教程(二) 之滚动字幕
Dreamweaver MX 2004简体中文版进阶教程(三) 之弹出菜单
Dreamweaver MX 2004简体中文版进阶教程(四) 之Dreamweaver的插件
Dreamweaver MX 2004简体中文版进阶教程(五) 之弹出窗口
Dreamweaver MX 2004简体中文版进阶教程(六) 之添加背景音乐
Dreamweaver MX 2004简体中文版进阶教程(七) 之操作框架
Dreamweaver MX 2004简体中文版进阶教程(八) 之创建模板
Dreamweaver MX 2004简体中文版进阶教程(九) 之应用模板
Dreamweaver MX 2004简体中文版进阶教程(十) 之层及应用
Dreamweaver MX 2004简体中文版进阶教程(十一)之行为事件
Dreamweaver MX 2004简体中文版进阶教程(十二)之发布网站

中华网搜索
站内搜索
全网搜索


科技频道主编信箱