利用Dreamweaver mx自带的行为制作弹出菜单

dreamweaver|菜单

  不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程!
  1.我这次是用图片,先在DWMX中新建一个页面,插入图片。选取图片,打开行为窗口,点击+号,选取“显示弹出式菜单”选项,这时候DWMX就打开一个窗口如下图:

  大家可以看到有四个选项,分别为:“内容、外观、高级、位置”。
  2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图:

  如果你的菜单还有下级菜单的话,则选取其菜单,再点击缩进项,如下图:

  3.点击“外观”选项,名副其实这里可以设定你的菜单外观,可以选择垂直菜单还是水平菜单,字体的大小,是否居中,和菜单的一般状态和鼠标滑过的样式。如下图:

  4.点击“高级”选项,这里我没做什么改动,只是把默认的菜单延迟时间改为500,如下图:

  5.点击“位置”选项,这里有四种选择,当然也可以通过X.Y坐标值来自己设定。我在这里选择了下方位置,如下图:

  好了,再点确定就完成了,这时DWMX会生成一个js文件在你的文件夹中,在上传你的网页时别忘了也把它传上去哦。

时间: 2024-11-02 07:28:28

利用Dreamweaver mx自带的行为制作弹出菜单的相关文章

利用DW MX自带的行为制作弹出菜单(组图)

菜单 不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接.下面简单和大家说说制作的过程! 1.我这次是用图片,先在DWMX中新建一个页面,插入图片.选取图片,打开行为窗口,点击+号,选取"显示弹出式菜单"选项,这时候DWMX就打开一个窗口如下图: 大家可以看到有四个选项,分别为:"内容.外观.高级.位置" 2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图: 如果你的菜

用Dm中自带的行为制作弹出菜单

不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接.下面简单和大家说说制作的过程! 1.我这次是用图片,先在DWMX中新建一个页面,插入图片.选取图片,打开行为窗口,点击+号,选取"显示弹出式菜单"选项,这时候DWMX就打开一个窗口如下图: 大家可以看到有四个选项,分别为:"内容.外观.高级.位置" 2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图: 如果你的菜单还有

如何用Dreamweaver轻松制作弹出菜单

dreamweaver|菜单 本文选自4u2v工作室编写的<Dreamweaver网页设计与制作100例>(人民邮电出版社出版,ISBN: 7115142394 ).未经著作权所有者书面授权许可,禁止转载本文. 购买地址:点击访问 弹出菜单在网页制作中是一种非常常用的菜单方式,这种菜单不但制作简单,而且效果也很好. 效果说明 本实例所要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示. 创作思想 本实例首先在网页中输入一行文字,并对文字做一个特殊的

dreamweaver做网页实例教程 制作弹出菜单

  效果说明 本实例所要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示. 创作思想 本实例首先在网页中输入一行文字,并对文字做一个特殊的超链接,然后利用 Dreamweaver MX 2004 自带的行为制作弹出菜单. 操作步骤 ( 1 )输入文字并设置超链接.在网页中输入文字,因为单独的文本文字是无法添加行为的,按照 Dreamweaver 中的约定,将文字的超链接设置为" javascript:; "才能够添加行为.所以将文字的超链接

Dreamweaver MX 2004高级技巧(3)制作弹出菜单

dreamweaver|菜单|高级|技巧 利用Dreamweaver MX 2004提供的行为,可以直接做出弹出菜单.下面讲解制作一个弹出菜单的具体步骤. 1.可以直接给图片加上弹出菜单.但是不能给文本直接加上弹出菜单.如果需要给文本加上弹出菜单,首先需要把文本变成链接.选中文本,在属性面板的链接项输入"javascript:;",就给文本加上链接了.如图: 2.文本链接默认的颜色是蓝色,并且有下划线.如果要更改链接文本的外观使它看上去不是一个链接,切换到代码视图下,打到这个链接的a

怎么设置Dreamweaver 制作弹出菜单

  我们制作中要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示. 具体操作步骤如下: 1.输入文字并设置超链接.在网页中输入文字,因为单独的文本文字是无法添加行为的,按照 Dreamweaver 中的约定,将文字的超链接设置为" JavaScript:; "才能够添加行为.所以将文字的超链接设为" Javascript:; ",并执行[显示弹出式菜单]行为,如图 17-3 所示. 2.设置菜单项和子菜单项,并为菜单设置

如何在Dreamweaver 制作弹出菜单

  我们制作中要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示. 具体操作步骤如下: 1.输入文字并设置超链接.在网页中输入文字,因为单独的文本文字是无法添加行为的,按照 Dreamweaver 中的约定,将文字的超链接设置为" JavaScript:; "才能够添加行为.所以将文字的超链接设为" Javascript:; ",并执行[显示弹出式菜单]行为,如图 17-3 所示. 2.设置菜单项和子菜单项,并为菜单设置

用Fireworks制作弹出菜单

菜单 弹出菜单是当您将指针移到浏览器中的触发图像时出现的菜单.它包含链接其它网页的项目列表.它们是怎么做出来的呢?我们可以利用Macromedia公司提供的 Fireworks MX这款软件,快速而又方便地做出精美的弹出菜单.制作步骤如下: 1. 打开Fireworks MX 2. 选择菜单栏"文件→新建"(或直接用快捷键"Ctrl+N"),弹出"新建文档"对话框.在这儿可以设置画布的大小及颜色,我们选用默认值,点击"确定".

用Fireworks制作弹出菜单 02

菜单 10. 为其余项目输入URL. 11. 单击"完成"关闭"弹出菜单编辑器".在工作区中,弹出菜单的轮廓显示为附加在切片上. 12. 若要测试弹出菜单,请选择"文件→在浏览器中预览→在[您的首选浏览器]中预览"在浏览器中预览文档(或直接按快捷键"F12"). 注意: 弹出菜单必须在浏览器中预览,因为在 Fireworks 中使用"预览"选项卡时看不到它们.文档在浏览器中打开之后,将指针移到"文