用Fireworks制作弹出菜单 02

菜单

10. 为其余项目输入URL。

11. 单击“完成”关闭“弹出菜单编辑器”。在工作区中,弹出菜单的轮廓显示为附加在切片上。

12. 若要测试弹出菜单,请选择“文件→在浏览器中预览→在[您的首选浏览器]中预览”在浏览器中预览文档(或直接按快捷键“F12”)。

注意: 弹出菜单必须在浏览器中预览,因为在 Fireworks 中使用“预览”选项卡时看不到它们。文档在浏览器中打开之后,将指针移到“文学名著”图形上。您创建的弹出菜单出现。单击每个项目以测试链接。

13. 至此一个简单的弹出式菜单已经完成。

14. 接下来的工作就是进一步修饰和美化这个弹出式菜单。回到“原始”状态,选择覆盖 文学名著 图形的切片。

15. 选择“修改→弹出菜单→编辑弹出菜单”。“弹出菜单编辑器”随即打开。或将鼠标指向图形切片中心处的圆形图标(称为“行为手柄”),当鼠标变为小手的形状时,单击鼠标左键,在弹出的菜单中选择“编辑弹出菜单”。

16. 我们可以分别利用“外观”、“高级”、“位置”三个不同的编辑窗口对这个弹出式菜单作综合的修饰和美化。具体如何修饰,我想大家一看就会明白的,这里就不再详述,关键在于自己想要什么样儿的效果。

17. 下图是作者制作的效果(图2)。“砖”已经抛出去了,能否引来“美玉”,那就要看大家的了。


图2

时间: 2024-10-03 10:18:48

用Fireworks制作弹出菜单 02的相关文章

用Fireworks制作弹出菜单

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

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

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

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

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

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

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

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

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

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

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

Fireworks 8 寻梦之旅(9):制作弹出菜单

菜单 上一节:制作逼真的水珠 六.CSS格式弹出菜单制作导出 有关弹出菜单的制作方法,不是我们本部分的讲授重点,有关CSS格式控制的地方,才是需要我们注意的.所以本小节就通过一个简单的弹出菜单的制作讲解,使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象,以更好的进一步的来使用它. 源文件下载(37KB, Winzip压缩) 1.打开Fireworks 8,新建一个文件,文件的大小可以根据菜单的大小直接来设置.在编辑区绘制需要在页面上显示的菜单. 2.使用工具箱的"

Fireworks8.0寻梦之旅(9):制作弹出菜单

六.CSS格式弹出菜单制作导出 有关弹出菜单的制作方法,不是我们本部分的讲授重点,有关CSS格式控制的地方,才是需要我们注意的.所以本小节就通过一个简单的弹出菜单的制作讲解,使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象,以更好的进一步的来使用它. 1.打开Fireworks 8,新建一个文件,文件的大小可以根据菜单的大小直接来设置.在编辑区绘制需要在页面上显示的菜单. 2.使用工具箱的"矩形热点"工具给菜单栏直接插入热区,不做转化为按钮元件的操作了.

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

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