在悬停下拉菜单上 JavaScript

on hover drop down menu JavaScript

本文关键字:JavaScript 下拉菜单 悬停      更新时间:2023-09-26

我试图使用 java 脚本将此 html 转换为菜单,但我似乎无法让它工作?

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

如果你问的是CSS,你应该使用object:hover选择器来修改,例如,属性显示,或母div的不透明度(我会使用display)

.menu:hover {display:block;}

如果你使用的是jQuery,你可以使用onhover函数,同样的原理,超级基本

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