下拉导航条是网站设计中经常用到的效果。如果您的网站的二级栏目很多，使用下拉导航条是最好的办法；比如www.wrclub.net,动网等网站都用到了这样的效果。那么，这样一个效果如何实现呢？其实，实现他的方法很多，据我知道的就有四种；而对于初学者能够采用的，就是通过网页三剑客中的任何一个软件来做出这样的效果；不信！那就跟我来看看：
这一次我们来看看Dreamweaver制作下拉导航条的方法，制作环境：Dreamweaver4.0及以上版本（我这使用DreamweaverMX）。
1、打开DreamweaverMX，在文档中打入一行字符串“导航栏”，然后我们可以做上链接，注意这是必须的过程！这个最基础的操作我想你一定会吧！如图一：
 图一  图二
2、新建一个层，选择"Insert"菜单中的"Layer"如图三；在层中我们写入二级导航目录如图四：
 图三 图四
注意：我们当然也可以在层里面插入表格，然后在单元格中插入二级导航目录
3、二级导航目录里的每一条都可以做上链接，我这里就不多少了；下面我们把刚才插入的层设上隐藏的属性：选择层，在层的属性面板上设置"Vis"属性为"hidden" 如图五所示，这样我们预览一下，就看不到我们刚才插入的层了，是不是？
 图五
4、选择“导航栏”如图二，然后找到"window"菜单中的"Behaviors"并点击它如图六，接着会弹出行为"Behaviors"对话框如图七
 图六  图七
5、我们点击行为对话框中的“+”号，选择"show-hide layers"如图八，出现一个对话框点击"show"按钮如图九，点击"OK"按钮
 图八
 图九
注意：刚才我们让层hidden隐藏了，所以现在让它显示出来
6、这是我们会看到在行为对话框中出现一行文字如图十，在"events"列中下拉按钮选择"onmouseover"，当然也可以使用其他的鼠标命令，"onmouseover"意思是鼠标悬停时
 图十  图十一
7、同样再做一次这样的过程，目的就是鼠标放在文字上出现导航条；如果鼠标离开导航条，那么，我们是不是让导航条隐藏呢？选择层，点击行为对话框中的“+”号，选择"show-hide layers"如图八，出现一个对话框点击"hide"按钮，然后OK！还没完，鼠标离开应该是"onmouseout"，所以在"events"列中下拉按钮选择"onmouseout"如图十一
OK!按F12预览一下看看，这只是最基本的制作方法，比如有的导航条鼠标放上去背景变色等等，导航条有个框架等等，这些就有你自己来添加了。好了，不多讲了，Dreamweaver制作出来的效果只能说是一般般，要作出正规的下拉导航条，或者是很酷的下拉导航条，跟着我来吧！
| 
