js中鼠标悬浮显示二级菜单，js鼠标放上去显示下拉菜单

...怎样实现鼠标放在一级菜单时,出现二级菜单?求代码

1、以下是一些可能有用的代码段： 使用CSS实现您可以在HTML中创建垂直导航栏，然后使用CSS来控制它的显示和隐藏。当用户鼠标悬停在一级导航上时，使用CSS的：hover选择器来显示二级导航。

2、} // 先让二给菜单隐藏ul.main_menuli：hover ul.sub_menu {display：block；} //当鼠标划过第一级主菜单的li标签时，当前子级的二级ul就显示出来。

3、html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果。

4、这个是hover的问题你hover一级的时候二级出现，但是离开一级，二级肯定消失了，所以，二级要和一级的关系屡好，如何将鼠标在不出一级菜单的情况就能到二级菜单上，建议你使用js写这个效果。

相关问答

Q1: js怎样让鼠标放到弹出的二级菜单上时不消失呢?

没有必要去自己写，除非你是专门做web前台的。可以去下载一个叫做“春天网页菜单”的软件，专门用来生成导航菜单的，里面有你说的那种效果。当然自己写的话可以用楼上说的jquery的show函数或者动画函数来实现。

方法一：可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用：hover来定义1级菜单。

伪类：hover只是鼠标停留当前元素时。鼠标一离开马上就没有了。

Q2: js导航栏的鼠标放上去后弹出二级子菜单的效果怎么做出来的??

这个功能其实使用hover伪类即可实现，不需要js 给你一个思路，将子元素设置为默认display：none；不可见。当鼠标移动到父元素的菜单列表时，激活子元素为display：block；可见状态。具体代码需要使用到hover伪类，例子如下。

没有必要去自己写，除非你是专门做web前台的。可以去下载一个叫做“春天网页菜单”的软件，专门用来生成导航菜单的，里面有你说的那种效果。当然自己写的话可以用楼上说的jquery的show函数或者动画函数来实现。

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

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

最简单的办法，找一个插件，比如bootstrap和jQuery，很简单的就能实现楼主想要的效果。下面是Demo代码，原生开发和基于插件的方式。

Q3: 用原生JS写关于鼠标移入移出ul的二级菜单问题,怎么都实现不了效果_百度...

这个功能其实使用hover伪类即可实现，不需要js 给你一个思路，将子元素设置为默认display：none；不可见。当鼠标移动到父元素的菜单列表时，激活子元素为display：block；可见状态。具体代码需要使用到hover伪类，例子如下。

鼠标移出导航二级菜单就消失是因为二级菜单没有在导航容器内，所以mouseout条件满足了，自然就消失了。

把 onmouseout 处理程序注册到 #menu1，不要注册在 li a 上（这样做不完美，但能解决你的问题）。这个功能用纯 CSS 实现也许会更好一些。

方法一：可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用：hover来定义1级菜单。

Q4: js实现鼠标滑过显示二级菜单

1、然后设置其鼠标事件，应该选择onmouseover product.onmouseover=function(){ productInfo.style.display=block； //鼠标移动到product元素上让其子菜单显示。

2、a 上（这样做不完美，但能解决你的问题）。这个功能用纯 CSS 实现也许会更好一些。

3、鼠标移出导航二级菜单就消失是因为二级菜单没有在导航容器内，所以mouseout条件满足了，自然就消失了。

js中鼠标悬浮显示二级菜单的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js鼠标放上去显示下拉菜单、js中鼠标悬浮显示二级菜单的信息别忘了在本站进行查找喔。