一打开Dreamweaver，点击 文件新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接#然后保存该网页文件二点击 窗口行为 菜单，打开行为面板三选中第一步。

框架好了，那么就该定义页面的title，关键词keyword，和描述description ltmeta charset=quotUTF8quot content=quottexthtmlquot。

现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ltullt li标签的liststyle样式和lta标签的默认下划线接下来再添e799bee5baa6e4b893e5b19e63加适当的样式根据实际需要添加进行美化，如一下样。

html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果ltbody内代码为ltUL id=fm ltLIltA href=quot#quot一级菜单栏目ltA ltUL ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一。

二二级联动下拉菜单设置 例如下图所示，在手机列输入或选取苹果，型号下拉里会显示所有苹果手机的所有型号，如果手机列输入苹果，在型号列下拉菜单显示所有苹果的型号如图操作步骤步骤1设置数据源区域就是把手机。

用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果HTML部分ltdiv id=quotnavquot ltul ltlilta href=quot#quot菜单零ltaltli ltlilta href=quot#quot。

让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了下面是简单的代码实现，仅供参考ltstyle* margin0px padding0pxli liststyle width100px height30px font。