第1个回答 2017-03-03
下载安装dw软件。
新建一个页面，保存该页面。
在页面中给你要制作下来菜单的显示部分，文字或者图片，然后给文字或者图片添加个链接，比如#,然后选中该文字或者图片。
在dw右边面板中看到行为，点击行为面板中的+号，看到显示弹出式菜单，点击它。
弹出窗口见下，然后设置你要的多级菜单。还有链接
可以给根据需要，进行多级设置，和菜单的美观，以及高度，长度进行设置。多练习就熟能生巧了。
最后的显示效果
你可以根据你的需要进行美观。熟能生巧 。
第2个回答 2018-06-28
DreamWeaver 是用标签行为的功能来制作下拉菜单的。
具体步骤：
在DreamWeaver中绘制层（注意是绘制层，不是插入div）
绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格
这时DreamWeaver会自动命名ID为 Layer1
在此层下面 紧接着再绘一个宽度一样 高度为100px;的层
DreamWeaver会自动命名ID为 Layer2
同样在层也插入相同大小的表格，插入表格是 让文字分层居中。
选中 Layer2 让它默认是隐藏 （在Layer2左边点一下 让眼睛闭着就是隐藏的意思了）
在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项
弹出窗口 选中Layer2 点显示 然后确定
在行为里添加onMouseOver（意思是鼠标经过时）
同样的方法 让 Layer2 隐藏
在行为里添加onMouseOut（意思是鼠标离开时）
这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以
最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。本回答被网友采纳
具体步骤：
在DreamWeaver中绘制层（注意是绘制层，不是插入div）
绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格
这时DreamWeaver会自动命名ID为 Layer1
在此层下面 紧接着再绘一个宽度一样 高度为100px;的层
DreamWeaver会自动命名ID为 Layer2
同样在层也插入相同大小的表格，插入表格是 让文字分层居中。
选中 Layer2 让它默认是隐藏 （在Layer2左边点一下 让眼睛闭着就是隐藏的意思了）
在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项
弹出窗口 选中Layer2 点显示 然后确定
在行为里添加onMouseOver（意思是鼠标经过时）
同样的方法 让 Layer2 隐藏
在行为里添加onMouseOut（意思是鼠标离开时）
这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以
最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。本回答被网友采纳
第3个回答 2016-12-16
在一些企业或门户网站的导航栏中，经常会看到下拉菜单，这样会使用户操作方便一些。其实，用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"，
一、打开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"，
第4个回答 2016-12-16
DreamWeaver 是用标签行为的功能来制作下拉菜单的。
具体步骤：
在DreamWeaver中绘制层（注意是绘制层，不是插入div）
绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格
这时DreamWeaver会自动命名ID为 Layer1
在此层下面 紧接着再绘一个宽度一样 高度为100px;的层
DreamWeaver会自动命名ID为 Layer2
同样在层也插入相同大小的表格，插入表格是 让文字分层居中。
选中 Layer2 让它默认是隐藏 （在Layer2左边点一下 让眼睛闭着就是隐藏的意思了）
在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项
弹出窗口 选中Layer2 点显示 然后确定
在行为里添加onMouseOver（意思是鼠标经过时）
同样的方法 让 Layer2 隐藏
在行为里添加onMouseOut（意思是鼠标离开时）
这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以
最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。
具体步骤：
在DreamWeaver中绘制层（注意是绘制层，不是插入div）
绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格
这时DreamWeaver会自动命名ID为 Layer1
在此层下面 紧接着再绘一个宽度一样 高度为100px;的层
DreamWeaver会自动命名ID为 Layer2
同样在层也插入相同大小的表格，插入表格是 让文字分层居中。
选中 Layer2 让它默认是隐藏 （在Layer2左边点一下 让眼睛闭着就是隐藏的意思了）
在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项
弹出窗口 选中Layer2 点显示 然后确定
在行为里添加onMouseOver（意思是鼠标经过时）
同样的方法 让 Layer2 隐藏
在行为里添加onMouseOut（意思是鼠标离开时）
这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以
最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。
第5个回答 2016-04-10
用js可以实现，css样式我就不说了，左侧是a链接，右侧是div，
关键是js，在每个点击里添加onclick事件，事件触发opens函数，函数通过参数判断要打开哪个div，其余的再隐藏，给个例子你，很简单的东西，我随便写的，没有测试过，你自己研究研究：
<a href="#" onclick="opens(1)">1</a>
<a href="#" onclick="opens(2)">1</a>
<a href="#" onclick="opens(3)">1</a>
<div id="dis1">111</div>
<div id="dis2" style="display:none">222</div>
<div id="dis3" style="display:none">333</div>
<script>
function opens(obj){
for(var i = 1;i<=3;i++){
if(i == obj){document.getElementById("dis"+i).style.display="block"<br>}else
document.getElementById("dis"+i).style.display="none"
}
}
</script>本回答被提问者采纳
关键是js，在每个点击里添加onclick事件，事件触发opens函数，函数通过参数判断要打开哪个div，其余的再隐藏，给个例子你，很简单的东西，我随便写的，没有测试过，你自己研究研究：
<a href="#" onclick="opens(1)">1</a>
<a href="#" onclick="opens(2)">1</a>
<a href="#" onclick="opens(3)">1</a>
<div id="dis1">111</div>
<div id="dis2" style="display:none">222</div>
<div id="dis3" style="display:none">333</div>
<script>
function opens(obj){
for(var i = 1;i<=3;i++){
if(i == obj){document.getElementById("dis"+i).style.display="block"<br>}else
document.getElementById("dis"+i).style.display="none"
}
}
</script>本回答被提问者采纳
相似回答