我有两个div-当mouseenter divA应该消失并且divB应该出现。当mouseleave divB divA应该再次显示并且divB消失时。我使用以下代码来实现它：
$("#divA").on("mouseenter", function() {
$("#divA").hide();
$("#divB").show();
});
$("#divB").on("mouseleave", function() {
$("#divA").show();
$("#divB").hide();
});`
唯一的问题是，当divA隐藏另一个div（以前坐在它下面）进入他的位置时…那么问题是，是否有办法让divA在视觉上消失而不是“物理上”消失？谢谢！
代替使用display属性，尝试使用opacity属性来做到这一点：
$("#divA").on("mouseenter", function() {
$("#divA").css("opacity", 0);
$("#divB").css("opacity", 1);
});
$("#divB").on("mouseleave", function() {
$("#divA").css("opacity", 1);
$("#divB").css("opacity", 0);
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句