我有一个 id="mybutton"的 div 和一个 id="mydiv"的隐藏 div,如下面的代码所示:
<head>
<script>
$(document).ready(function(){
$("#mybutton").hover(function(){
$("#mydiv").fadeIn();
}, function(){
$("#mydiv").fadeOut();
});
});
</script>
</head>
<body>
<div id="mybutton">Show</div>
<div id="mydiv" style="display:none;">Hidden thing..</div>
</body>
即使鼠标悬停在“mydiv”上(悬停在 mybutton 之后),我也希望“mydiv”出现。
最佳答案
编写CSS
#mydiv{
display:none;
/* visibility:hidden; */
}
#mybutton:hover + #mydiv,#mydiv:hover{
display:block;
/* visibility:visible; */
}
您还可以使用 visibility:visible;
和 visibility:hidden;
代替 display
属性
关于javascript - Jquery/css 在悬停时显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22664248/