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

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

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

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

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

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

7.做好弹出菜单后,按F12预览,在浏览器中的效果如下图。
1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。如果需要给文本加上弹出菜单,首先需要把文本变成链接。选中文本,在属性面板的链接项输入“javascript:;”,就给文本加上链接了。

2.文本链接默认的颜色是蓝色,并且有下划线。如果要更改链接文本的外观使它看上去不是一个链接,在代码视图下,打到这个链接的a href 标签,在后面插入“style="text-decoration:none; color:black"”。
3.在添加弹出式菜单之前需要保存网页文件。保存网页之后,打开行为面板,点击+号。

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

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

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

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

作者:付国涛 来源:5D多媒体
- 推荐阅讯
- Dreamweaver制作网页之图片应用技巧
- Dreamweaver构建Blog(5):分栏及回复的实现
- Dreamweaver教程:定义站点
- 玩转 Dreamweaver8.0:速记 CSS 属性
- DreamWeaver表格应用(细线框的制作)
- 玩转Dreamweaver 8.0之设置段落格式
- Dreamweaver查找替换的技巧
- 巧妙运用DW进行网页制作技巧
- Dreamweaver教程:超级链接
- Dreamweaver实例:客房预订业务
- 阅读排行
- 1.Dreamweaver中CSS样式表的应用实例
- 2.菜鸟学用DreamWeaver做ASP
- 3.Dreamweaver经典问题大搜罗(全集)
- 4.情人节打造爱的纪念页
- 5.用Dreamweaver插入网页背景音乐的方法
- 6.Dreamweaver超级技巧(下)
- 7.Dreamweaver扩展(插件)的开发
- 8.自建Blog网站完全图解
- 9.Dreamweaver制作网页之图片应用技巧
- 10.Dreamweaver 入门:使用CSS设置页面格式
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
