Question

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

本人菜鸟，才学到HTML+CSS+PHP。 JS完全没基础，现在有一个大块父元素div ，底部有一个子元素小div。我想要小div平时隐藏，只有鼠标移动到父元素上时才显示，要怎么写代码？如图：小div是下边带颜色的购物车部分。





• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）

Answer 1

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

Answer 2

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

Answer 3

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