记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

Dreamweaver MX进阶教程(三)轻松制作弹出菜单[含7P]

[复制链接]
发表于 2015-8-3 13:28:40 | 显示全部楼层 |阅读模式
使用Dreamweaver MX的行为,可以直接做出弹出菜单。下面讲解制作一个弹出菜单的具体步骤。
1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。假如需要给文本加上弹出菜单,首先需要把文本变成链接。选中文本,在属性面板的链接项输入“javascript:;”,就给文本加上链接了。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945r4z3rfcv2rpj4vf4 1
2.文本链接默认的颜色是蓝色,并且有下划线。假如要更改链接文本的外观使它看上去不是一个链接,在代码视图下,打到这个链接的a href 标签,在后面插入“style="text-decoration:none; color:black"”。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945lsbqadxs5ga621dh 2
3.在添加弹出式菜单之前需要保存网页文件。保存网页之后,打开行为面板,点击 号。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945tvv296kvq250r0vz 3
4.在弹出的菜单中点击“显示事件”,选择“4.0 和更高版本浏览器”。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945axjqymx7uq77vqov 4
5.点击 号按钮,在弹出的菜单中选择“显示弹出式菜单”。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945dn8nbtqbn4intoo4 5
6.在“显示弹出式菜单”中添加弹出菜单,并做外观和位置的设置。中文版一看就明白,这里不多说了。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945rgxhkkkqq5049qzv 6
7.做好弹出菜单后,按F12预览,在浏览器中的效果如下图。
Dreamweaver MX进阶教程(三)轻松制作弹出菜单  【DW】 132945l5qrzc3rg6edvg1r 7
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表