我想在悬停和悬停期间显示和隐藏一个 div。
这是我最近所做的。
css
$("#menu").hover(function() {
$('.flyout').removeClass('hidden');
}, function() {
$('.flyout').addClass('hidden');
});
.flyout {
position: absolute;
width: 1000px;
height: 450px;
background: red;
overflow: hidden;
z-index: 10000;
}
.hidden {
visibility: hidden;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<div id="menu" class="margint10 round-border">
<a href="#"><img src="images/menu.jpg" alt="" id="menu_link" /></a>
</div>
<div class="flyout hidden"> </div>
我的问题是,当我将鼠标悬停在菜单 id 上时,弹出 div 正在闪烁。这是为什么?