Dreamweaver制作弹出菜单技巧
Dreamweaver制作弹出菜单技巧
使用Dreamweaver MX的行为,可以直接做出弹出菜单。下面讲解制作一个弹出菜单的具体步骤。
1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。如果需要给文本加上弹出菜单,首先需要把文本变成链接。选中文本,在属性面板的链接项输入“javascript:;”,就给文本加上链接了。
2.文本链接默认的颜色是蓝色,并且有下划线。如果要更改链接文本的外观使它看上去不是一个链接,在代码视图下,打到这个链接的a href 标签,在后面插入“style="text-decoration:none; color:black"”。
3.在添加弹出式菜单之前需要保存网页文件。保存网页之后,打开行为面板,点击+号。
4.在弹出的菜单中点击“显示事件”,选择“4.0 和更高版本浏览器”。
5.点击+号按钮,在弹出的菜单中选择“显示弹出式菜单”。
6.在“显示弹出式菜单”中添加弹出菜单,并做外观和位置的设置。中文版一看就明白,这里不多说了。
7.做好弹出菜单后,按F12预览,在浏览器中的效果如下图。
相关内容
-
Dreamweaver CC教程:更改代码格式
Dreamweaver CC教程:更改代码格式,格式,选项,选择,缩进,教程,...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:编辑 main.less 文件中的选
Dreamweaver CC教程:编辑 main.less 文件中的选择器,文件,教程...
-
Dreamweaver CC教程:向文档添加文本
Dreamweaver CC教程:向文档添加文本,文本,文档,教程,格式,粘贴...
-
Dreamweaver CC教程:编辑链接 meta 标签
Dreamweaver CC教程:编辑链接 meta 标签,链接,教程,标签,文档,...
-
Dreamweaver CC教程:在设计视图中选择子标签
Dreamweaver CC教程:在设计视图中选择子标签,视图,选择,标签,...
-
Dreamweaver CC教程:设置整个页面的 CSS 链接属
Dreamweaver CC教程:设置整个页面的 CSS 链接属性,设置,链接属...
-
Dreamweaver CC教程:查找和替换代码中标签、属性
Dreamweaver CC教程:查找和替换代码中标签、属性和文本,查找,...
-
Dreamweaver CC教程:直接在实时视图中编辑文本
Dreamweaver CC教程:直接在实时视图中编辑文本,实时,视图,文本...
-
Dreamweaver CC教程:选取框选区、选择和拖放元素
Dreamweaver CC教程:选取框选区、选择和拖放元素,选取,选择,元...
-
Dreamweaver CC教程:在当前文档中查找和替换文本
Dreamweaver CC教程:在当前文档中查找和替换文本,文档,查找,文...
-
Dreamweaver CC教程:将URL分配给图像或文本
Dreamweaver CC教程:将URL分配给图像或文本,文本,图像,教程,选...
-
Dreamweaver CC教程:选择和编辑资源
Dreamweaver CC教程:选择和编辑资源,选择,教程,操作,单击,编辑...
-
Dreamweaver CC教程:关于设置文本格式
Dreamweaver CC教程:关于设置文本格式,设置,文本格式,格式,属...
-
Dreamweaver CC教程:用资源面板将颜色应用于文本
Dreamweaver CC教程:用资源面板将颜色应用于文本,文本,教程,单...