ltli ltul ltli ltul ltdivltbodylthtml复制上面代码，保存到后缀为html或者htm的文件中，用浏览器打开就可以看到效果效果图如下；这个都不用js的，有hover就好了，先把右边的div放在那里，给设置display，在左边divhover给设置displayblock在顺便改个图片就好了；请看如下调用jquery的j显示子菜单的代码 $quot#menu_2quothoverfunction $quotsub_menu_2quotshow ， function *这里就是out事件* $quotsub_menu_2quothide 剩下的就是样式的问题了 本回答被。

首先需要打开自己电脑上的DW软件，新建一个html页面，然后将其保存在桌面上接下来我们需要在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码和浏览器的效果如下面两张图片所示因为菜单栏一；这个当然是可以的，首先二级导航要做出来，就是子级盒子放在父级里，然后定位到需要的位置，再设置子级盒子display，就隐藏了，当hover父级盒子的时候，就用js把display改成block，就形成了导航了，你要换成图片很简单。

1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加；假如想给home建一个二级菜单 ltullt！ main navigation ltli class=quotactivequotlta href=quotindexhtmlquotltspanHomeltspanlta ltul ltliaaaaaaaltli ltlibbbbbbbbltlilt！在上一个li；lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle竖排菜单lttitle ltstyle margin0padding0 liliststyle；代码效果图代码含义ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml；1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表；html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果ltbody内代码为ltUL id=fm ltLIltA href=quot#quot一级菜单栏目ltA ltUL ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一；一般WEB开发把页面分成3个模块headertpl contenttpl footertplhead和footer一般都是固定不变的，唯一变化的部分是content你说的菜单应该是header部分的导航部分例如主页的代码可以这样写lthtml ltheadlthead lt；很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li；一打开Dreamweaver，点击 文件新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接#然后保存该网页文件图片分享二点击 窗口行为 菜单，打开行为面板图片。

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