Fireworks教程:制作弹出菜单(1)
Fireworks教程:制作弹出菜单(1)
2、制作弹出菜单
先制作或引入一个要用来制作弹出式菜单的主按钮,如图10—11。
图10—11
接着为该按钮添加一个切片或热点,并在其控制手柄的弹出菜单中选择“添加弹出菜单”项,如图10—11。
图10—11
此时将会启动“弹出菜单编辑器”窗口,如图10—12。
如图10—12
在“内容”选项卡中,点击“添加菜单项” 或“删除菜单项” 按钮,可在文本栏中加入或删除一个菜单项;
文本栏——可输入弹出菜单中各选项的名称;
链接栏——输入菜单菜单项所要链接的地址;
目标栏——选择链接对象在浏览器中的打开方式。
如果要把文本栏中某个菜单选项再设置为另一个菜单的下一级目录时,只需点击“下级菜单” 按钮即可。如图10—13;
图10—13
可以看到,“菜单2”已成了“菜单1”的下级目录了。而点击“上级菜单” 按钮则可以将“菜单2”又向上恢复一级。
菜单项上下位置的调整可能用鼠标的拖拽来完成,如图10—14,我们把“菜单5”向上移动了一格。
图10—14
在“内容”选项卡的设置完成之后,点击右下角的“继续”按钮,进入下“外观”选项卡,如图10—15。
图10—15
相关内容
-
Dreamweaver CC教程:更改窗口大小弹出菜单中列出
Dreamweaver CC教程:更改窗口大小弹出菜单中列出的值,窗口大小...
-
Dreamweaver CC教程:“开始”工作区
Dreamweaver CC教程:“开始”工作区,工作区,教程,显...
-
Dreamweaver CC教程:调整“文档”窗口
Dreamweaver CC教程:调整“文档”窗口的大小,调整,...
-
Dreamweaver CC教程:“文档”窗口概述
Dreamweaver CC教程:“文档”窗口概述,文档,窗口,实...
-
Dreamweaver CC教程:工作区概述
Dreamweaver CC教程:工作区概述,工作区,教程,工具栏,视图,文档...
-
Dreamweaver CC教程:在视图之间切换
Dreamweaver CC教程:在视图之间切换,视图,教程,拆分,选项,选择...
-
Dreamweaver CC教程:在多用户系统中自定义
Dreamweaver CC教程:在多用户系统中自定义,自定义,多用户系统,...
-
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac 上,选项,文档,...
-
Dreamweaver CC教程:重新排列面板
Dreamweaver CC教程:重新排列面板,区域,图标,浮动,教程,排列,...
-
Dreamweaver CC教程:CSS Designer
Dreamweaver CC教程:CSS Designer,属性,文档,媒体查询,教程,选...
-
Dreamweaver CC教程:上下文菜单
Dreamweaver CC教程:上下文菜单,上下文菜单,教程,单击,对象,视...
-
Dreamweaver CC教程:状态栏概述
Dreamweaver CC教程:状态栏概述,状态栏,显示,单击,教程,标签,...
-
Dreamweaver CC教程:插入对象
Dreamweaver CC教程:插入对象,对象,教程,标签,编辑器,视图,文...
-
Dreamweaver CC教程:编辑“插入”面板
Dreamweaver CC教程:编辑“插入”面板首选参数,教程...
-
Dreamweaver CC教程:“文件”面板概述
Dreamweaver CC教程:“文件”面板概述,文件,教程,执...