在悬停下拉菜单JavaScript

Question

我试图将这个html变成一个使用java脚本的菜单，但我似乎无法让它工作？

<div class="menu">
    <div class="group">Friends</div>
    <div class="item">Home</div>
    <div class="item">Work</div>
    <div class="item">Family</div>
</div>

Answer 1

如果您要询问CSS，您应该使用对象：悬停选择器来修改例如，属性显示或母div的不透明度（我使用显示）

.menu:hover {display:block;}

如果你正在使用jQuery，你可以使用onhover功能，同样的原则，超级基本

$(.menu).onhover(function(){
     this.css("display", "block")
});