这是示例:http: //jsfiddle.net/FdT23/4/
目标是当您将鼠标悬停在黑框上时,底部的灰色矩形将淡入,当您将鼠标移出时,矩形将淡出。但是,如果我将鼠标悬停在灰色矩形上,它就会消失。我希望它保持可见。
请协助。
这是示例:http: //jsfiddle.net/FdT23/4/
目标是当您将鼠标悬停在黑框上时,底部的灰色矩形将淡入,当您将鼠标移出时,矩形将淡出。但是,如果我将鼠标悬停在灰色矩形上,它就会消失。我希望它保持可见。
请协助。
.mouseleave
改为使用
$(document).ready(function(){
$('#box').mouseenter(function(evt){
$('#rect').fadeIn(300);
});
$('#box').mouseleave(function(evt){
$('#rect').fadeOut(300);
});
});
更新了 JSfiddle http://jsfiddle.net/FdT23/5/
试试这个演示
希望能帮助到你。使用 .hover 代替。