1、1创建CSS文件完成HTML框架代码后，我们需要使用样式表来实现下列菜单功能我们使用CSS选择器来定位HTML中的菜单项，因此无需在HTML中添加额外的ID或class属性我们通过UL内嵌UL的方式来定位子菜单，并使用display属性 将其隐藏在鼠标悬停在LI元素上时，我们需要将其转换为block模式，重新显示。

2、用javascript 给元素添加点击事件， 然后显示 子元素之后给 document 加点击事件 隐藏子元素 记得 给元素事件 阻止冒泡 以下代码仅代表想法odivonclick=functionev var oEvent = ev event =#39block#39 oEventcancelBubble = truedocumentonclick=function。

3、至此，横向二级下拉菜单就制作完成了，这里附加上全部代码，以方便各位朋友参考，感谢各位朋友的浏览lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead。

4、如图所示，二级下拉菜单一般都是这样来制作的，就是在li标签里面再放一个ul标签然后就会有这样的效果了，不过距离二级菜单有点差距接着我们先把二级下拉菜单之间的margin和padding值去掉然后设置divulli，需要注意的是，是子代选择器因为我们不需要全部的li左浮动如图，浮动后就成了，距离二级菜单。

5、1首先我们打开html开发工具，新建一个html代码页面2在html代码页面上创建一个select下拉菜单3保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的4回到html代码页面，在select标签上添加disabled=quotdisabledquot属性5保存html代码页面，回到浏览器页面上刷新页面。

6、这个可以实现 ， 用css的hover方法显示。

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

8、请问HTML中导航栏的二级子菜单横向排列，如何实现，本来是列排列的，网址请发代码！ #xE768 我来答 1个回答 #热议# 孩子之间打架 父母要不要干预？a2 20161017 · TA获得超过1258个赞 知道小有建树答主 回答量475 采纳率87% 帮助的人214万 我也去答题访问个人页 关注 展开。

9、要实现这个功能其实非常简单，下面的思路希望对你有用步骤如下一般WEB开发把页面分成3个模块headertpl contenttpl footertplhead和footer一般都是固定不变的，唯一变化的部分是content你说的菜单应该是header部分的导航部分例如主页的代码可以这样写lthtml ltheadlthead ltbody。

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

11、代码效果图代码含义ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml lthead ltmeta。

12、一般出现这种情况，往往是这个宽度的问题宽度没有写死，正常的时候的一级菜单的宽度和hover状态下一级菜单的宽度不同，所以会掉下来下面有一个二级菜单的demo，可以对照着找一下 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml。

13、把p标签设置成块状，然后设置二级菜单的相对位置向上就行了，位置是可以自己调的，不过我不建议你设置在上面，如果二级菜单只有一两个还行，有个3个4个的页面会很难看。

14、这个可以通过绝对定位，配合left设置 或者translate去实现 left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素设置 left设置为0就可以了 ，在这期间可以加一个过渡transitionleft 03s。

15、lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle竖排菜单lttitle ltstyle margin0padding0 liliststyle navheight200pxwidth400px navulheight200px navulli。