如何在dreamweaver中制作菜单

如何在dreamweaver中制作菜单

步骤/方法

1
打开软件，我们按快捷键ctrl+n，建立一个新的文件。

2
点击常用，选择布局。

3
点击绘制层。

4
鼠标拖动，可以建立一个层。层的宽度是389，高度是49.

5
我们再点击层，再绘制一个。我们看到，第一个层是layer1，第二个是layer2，这都是系统默认的。

6
通过界面下方属性栏，设置layer2的属性。益处设置为hidden，他的意思是，如果这个层装不下文字，就隐藏文字。

7
将光标放在layer1，然后点击插入表格。建立一个一行三列，宽388的表格。

8
在表格内输入百度经验，百度知道，百度文库，然后在属性栏设置如下属性。

9
选中layer1，然后设置layer1的属性。

10
在layer2中输入经验首页，个人中心，小测首页，帮帮首页。然后设置如下属性。

11
我们调处时间轴：点击窗口——时间轴。

12
需阿泽layer2，右键单击图中所示，然后选择添加对象。

13
鼠标将时间针定位在第一帧，然后设置layer2的高度为0。

之后我们再在时间轴上右键单击，选择添加时间轴。

右键单击，选择添加对象。

将时间针定位在第十五帧，然后让layer2的高度为0.

以上步骤就添加了两个时间轴timeline1和timeline2.接着，我们选中“百度经验”这个表格，在右侧的标签对话框，选择行为，点击“+”。

选择时间轴，播放时间轴。

弹出这个对话框，我们选择timeline1，点击确定。

接着在标签栏设置鼠标动作为onmouseover，意思是鼠标移动到上面就执行时间轴1，就会展开layer2.

同样的方法，我们添加如下动作，下图有各个动作的解释。

我们按快捷键F12，来到了浏览器，看看这是一开始的效果。

接着把鼠标移动到百度经验，展开了下拉菜单。你学会了吗。

我记得在现在的版本里是直接有弹出菜弹这个选项的，可以直接通过设置的方法来实现弹出菜单。也可以通过代码来实现。 用dw自带的行为制作弹出菜单 不知道大家有没发现dwmx中有一个和fw差不多的制作弹出菜单功能？这个功能允许用文字和图片做为主菜单，如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程！ 　　1.我这次是用图片，先在dwmx中新建一个页面，插入图片。选取图片，打开行为窗口，点击+号，选取“显示弹出式菜单”选项，这时候dwmx就打开一个窗口如下图： 　　大家可以看到有四个选项，分别为：“内容、外观、高级、位置” 　　2.在文本框写上你的菜单名称，通过点击+号来增加你所需菜单数目如下图： 　　如果你的菜单还有下级菜单的话，则选取其菜单，再点击缩进项，如下图： 　3.点击“外观”选项，名副其实这里可以设定你的菜单外观，可以选择垂直菜单还是水平菜单，字体的大小，是否居中，和菜单的一般状态和鼠标滑过的样式。如下图： 　　4.点击“高级”选项，这里我没做什么改动，只是把默认的菜单延迟时间改为500，如下图： 　　5.点击“位置”选项，这里有四种选择，当然也可以通过x.y坐标值来自己设定。我在这里选择了下方位置，如下图： 　　好了，再点确定就完成了，这时dwmx会生成一个js文件在你的文件夹中，在上传你的网页时别忘了也把它传上去哦。 直接复制过来的，图看不见到百度上搜：用dw制作弹出式菜单