示例:

 

 

 

 

 

 

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

一、工具：dw工具

二、操作步骤：

【1】打开dw软件，新建立一个新的文件。

【2】点击常用，选择布局，绘制一个层。

【3】再点击层，再绘制一个。可以看到，第一个层是layer1，第二个是layer2，这都是系统默认的。

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

【5】将光标放在layer1，然后点击插入表格。建立一个一行四列的表格，调整为适当宽度。

【6】在表格内输入美丽元谋，电商频道，娱乐频道。

【7】在layer2中插入表格“3”行“1“列

【8】在表格内输入：元谋美食、元谋特产、元谋风景

【9】选中第一个层是layer1，窗口-----行为------“+“-------显示和隐藏------在弹出窗口中选中层Layer2----点显示-----确定

【10】在右侧标签栏选中onFocus下拉箭头-----选中mouseover，意思是鼠标移动到上面，就会展开layer2。

【11】选中第一个层是layer1，窗口-----行为------“+“-------显示和隐藏------在弹出窗口中选中层Layer2----点隐藏-----确定

【12】接着在标签栏设置鼠标动作为（onFocus下拉箭头）onmouseout，意思是鼠标高开Layer1上,就会隐藏layer2。

【13】同样的方法，选中层Layer2,设置鼠标移到layer2时，展开layer2；设置鼠标离开layer2时，隐藏layer2。

【14】在右侧css样式----层，将layer2关闭（眼睛闭）