您好,欢迎来到素彩网!

利用Dreamweaver MX打造弹出菜单

来源:sc115.com | 182 次浏览 | 2011-07-29

标签: Dreamweaver 利用Dreamweaver MX制作弹出菜单 Dreamweaver综合教程

不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程!

1.我这次是用图片,先在DWMX中新建一个页面,插入图片。选取图片,打开行为窗口,点击+号,选取“显示弹出式菜单”选项,这时候DWMX就打开一个窗口如下图:

大家可以看到有四个选项,分别为:“内容、外观、高级、位置”

2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图:

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

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

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

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

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

搜索: Dreamweaver 利用Dreamweaver MX制作弹出菜单 Dreamweaver综合教程 

最热-Dreamweaver综合教程
素材
精美实用的提示框矢量图7精美实用的提示框矢量图7
精美实用的提示框矢量图6精美实用的提示框矢量图6
折纸网站设计矢量图5折纸网站设计矢量图5
精美实用的提示框05—矢量图精美实用的提示框05—矢量图
精美实用的提示框矢量图4精美实用的提示框矢量图4
折纸网站设计矢量图4折纸网站设计矢量图4
精美实用的提示框矢量图3精美实用的提示框矢量图3
精美实用的提示框矢量图2精美实用的提示框矢量图2
精美实用的提示框矢量图精美实用的提示框矢量图