1、鼠标移出导航二级菜单就消失是因为二级菜单没有在导航容器内，所以mouseout条件满足了，自然就消失了lt！一级导航 lt！二级菜单 lt！二级菜单；css中导航条设置1二个简单的菜单导航条示例代码 这篇文章主要介绍了二个简单的菜单导航条示例，需要的朋友可以参考下，使用代码案例详解导航条设置，简单明了的代码可以做到举一反三效果2CSS实现导航条Tab切换的三种方法；这样就可以了，但是我们发现显示出来的二级栏目不是我们想要的位置，那么对它进行绝对定位 menu ul lihover ul displayblock position absolute left 0px top 21px 因为绝对定位的元素的位置相对；html boxsizing borderbox*，*before，*after boxsizing inheritbody background #fafafa fontfamily quotRobotoquot， sansserif fontsize 14px margin 0a textdecor。

2、CSSsubmenu displayjasoninlinelist lihover submenudisplayblock没有美化，你自己美化一下吧；1，引导做的导航栏HTML页必须加载lt代码 ，lt代码 bootstrapminjs代码才能实现导航的效果下图是完整的代码及效果图2，改变导航背景颜色，设置为黑色给导航标签设置背景颜色为黑色，代码为lt代码背景；whileparent ！= null top += parentoffsetTop parent = parentoffsetParent return toptop var ac = $#39ac#39；用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果HTML部分 菜单零 菜单一 子菜单 子菜单 子菜单 子菜单。

3、这个不太好实现标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hoveractivevisitedlink其他的标签在IE6下都没有伪类所以建议用js，如果是闲来无事可以试一下；这个网站是用的JS脚本生成的 地址给你 jsnavjs 网页代码如下 @charset quotgb2312quot margin 0px auto padding 0px body fontfamilyVerdana， quot宋体quot fontsize 12px；本人亲测下面这些代码是可以实现二级或多级导航菜单的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfont；CSS导航菜单水平居中的方法1首先打开我们的测试编辑工具如图所示新建一个项目2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左。

4、使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中；还有一种原理，利用body的点击事件来操作元素的，也是可以的，但是要利用到js比较麻烦，下面的这个demo是只需要用到css就可以实现的 OnHereHelloWord 创建一个滚动菜单的HTML代码是额按这题目来说，就是创建一个下拉菜单==。

5、这个说来话来，但只要你知道原理就很简单了，做得好不好看是样式的问题了请看如下调用jquery的j显示子菜单的代码quot#menu_2quothoverfunction quotsub_menu_2quotshow，function *这里就是out。