gpt4 book ai didi

javascript - Jquery/css 在悬停时显示图像

转载 作者:行者123 更新时间:2023-11-28 16:40:00 24 4
gpt4 key购买 nike

我有一个 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; */
}

Demo

您还可以使用 visibility:visible;visibility:hidden; 代替 display 属性

关于javascript - Jquery/css 在悬停时显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22664248/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com