HTML中鼠标移动到父元素上显示隐藏的子元素

2025-04-04 08:10:37

推荐回答（3个）

回答1：

我给你说下思路，先写下样式把小div给display:none掉，然后给父元素加事件开始写JS当鼠标移到父元素上用onmouseover的样式为display:block,移除用onmouseou的样式为display:none

回答2：

思路：
子元素初始状态隐藏：display:none;
鼠标略过父元素div1上,子元素显示；
示例代码：
$('#div1').hover(function() {
　　$(this).children('selector').show(500);
　　}, function() {
　　$(this).children('selector').hide(500);
});

回答3：

1，你要的是弹出下拉菜单效果，这个是要配合JS＋JQ小函数的，你也可以用行为Onmouseover、onmouseout等属性进行制作，或者直接去其他网站下载一个这样的下拉菜单代码，直接改成自己想要的即可，现在JS等代码，很少人自己写的，都可以直接套的~~~