javascriptquot onclick=quotc0quot菜单一ltalta href=quotjavascriptquot onclick=quotc1quot菜单二ltaltdiv id=quota0quot这里是文字ltdivltdiv id=quota1quot style=quotdisplayquot这里是图片，自己写上ltimg src=quot图片地址quotltdiv左侧右侧布局我没给你写，只写了图片文字切换功能；1请单击“文件”“新建”以创建新的web源文件2默认情况下，新类型是OK如果您有其他需要，可以选择页面类型布局等，然后单击“创建”按钮3创建新网页后，单击“设计”页上的“插入表单选择列表菜单”以插入可选择的下拉表单4或者在菜单栏下有一个表单选项图标将鼠标放在。

html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果ltbody内代码为ltUL id=fm ltLIltA href=quot#quot一级菜单栏目ltA ltUL ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一级菜单目录ltAltLI ltLI；左侧菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display右侧写个固定样式的div，id假设设置为board如果你的菜单内容在服务器 display的实现如下 function display $ajax type quotPOSTquot， url 菜单所请求的内容地址， data thisid等等相关。

至此，横向二级下拉菜单就制作完成了，这里附加上全部代码，以方便各位朋友参考，感谢各位朋友的浏览lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead；一般出现这种情况，往往是这个宽度的问题宽度没有写死，正常的时候的一级菜单的宽度和hover状态下一级菜单的宽度不同，所以会掉下来下面有一个二级菜单的demo，可以对照着找一下 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml。

假如想给home建一个二级菜单 ltullt！ main navigation ltli class=quotactivequotlta href=quotindexhtmlquotltspanHomeltspanlta ltul ltliaaaaaaaltli ltlibbbbbbbbltlilt！在上一个li前面再加一个ul标签就行 ltul ltli ltlilta href=quotpage。

html二级菜单导航栏成品

1、一级菜单固定高度，但需要 overflowvisible二级菜单默认隐藏的 display。

2、display ，这个属性就可以了。

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

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

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

html如何制作二级菜单

1、虽然现在不怎么纯手工敲了，但是我还是可以给你说一下思路你先给一个div，width200pxheight400pxfloatleft 在这个div里面放10个小的divwidth200pxheight40px 然后就是js了，你想要什么效果，就在hover或者click里面加个人默认你懂jQ。

2、ltlilta href=quotquot 二级菜单名ltaltliltlilta href=quotquot 二级菜单名ltaltliltul 本回答由电脑网络分类达人 郭强推荐 举报 答案纠错 评论 0 2 E网飙风 采纳率29% 擅长 百度知道 电脑装机选购 网站使用 Windows 贸易 其他回答 这个说来话来，但只要你知道原理就很简单了，做得好不。

3、这个当然是可以的，首先二级导航要做出来，就是子级盒子放在父级里，然后定位到需要的位置，再设置子级盒子display，就隐藏了，当hover父级盒子的时候，就用js把display改成block，就形成了导航了，你要换成图片很简单，就是把那个盒子写成a标签，再在a标签里写上图片img标签就行了，点击图片就。

4、1首先在电脑中打开Dreamweaver，然后在网页设计中点击编辑按钮，就可以下拉2然后点击这个二级菜单代码折叠3接下来在这里就可以使用各种折叠的命令了，同样还能使用他的快捷键按钮4或者在代码这里还可以直接点击5这时候就可以看到代码后面这样省略的显示，代码就被折叠起来了。