怎样用dreamweaver制作导航栏下拉菜单

Question

如题所述

Answer 1

　　在一些企业或门户网站的导航栏中，经常会看到下拉菜单，这样会使用户操作方便一些。其实，用Dreamweaver软件就可以制作下拉菜单，只需要点几下就出来了。而且良好地兼容IE、FF浏览器。以下是具体制作步骤：　　一、打开Dreamweaver，点击 文件-新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接：#。然后保存该网页文件。　　　　二、点击 窗口-行为 菜单，打开行为面板。　　　　三、选中第一步输入的文字，点行为面板上的+号，在弹出的菜单中选-显示弹出式菜单。　　　　四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息)，再点 继续。　　　　五、在下列对话框分别设置内容、外观、高级、位置选项。在 内容 选项中，点+号可以添加菜单项，-号可以删除菜单项，缩进项可以自动生成二级菜单。　　　　六、各项都设置好后，按F12，在浏览器中预览网页效果如下：　　　　此时你会发现和网页同级的目录多了两个文件，分别是：arrows.gif、mm_menu.js。请勿修改、移动位置，这是弹出式菜单必须的图片、JS文件。　　　　如需修改下拉菜单，可以选中文字，点击行为面板的 显示弹出式菜单 即可。　　　　如果下拉菜单下面有Flash，为了不影响下拉菜单的正常效果和层次，需要给Flash添加透明代码： <param name="WMODE" value="transparent"> ，还需在embed标签中加入代码：wmode="transparent"，

Answer 2

DreamWeaver 是用标签行为的功能来制作下拉菜单的。

具体步骤：
在DreamWeaver中绘制层（注意是绘制层，不是插入div）

绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格
这时DreamWeaver会自动命名ID为 Layer1

在此层下面 紧接着再绘一个宽度一样 高度为100px;的层
DreamWeaver会自动命名ID为 Layer2
同样在层也插入相同大小的表格，插入表格是 让文字分层居中。

选中 Layer2 让它默认是隐藏 （在Layer2左边点一下 让眼睛闭着就是隐藏的意思了）

在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项

弹出窗口 选中Layer2 点显示 然后确定

在行为里添加onMouseOver（意思是鼠标经过时）
同样的方法 让 Layer2 隐藏
在行为里添加onMouseOut（意思是鼠标离开时）
这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以
最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。本回答被网友采纳