我正在尝试找到一种方法,当鼠标移到黑色区域上时停止fadeIn/fadeOut动画:
http://jsfiddle.net/AeZP4/1/
每当鼠标在该区域内移动时,函数都会循环执行。如何避免这种情况发生?
$(function(){
$('.text').mouseenter(function(){
$(this).stop(true,true).fadeOut();
}).mouseleave(function(){
$(this).stop(true,true).fadeIn();
});
});
<div id="container">
<div class="text">s</div>
</div>
#container{width:600px; height:100%; position:relative;}
.text{position:absolute; left:0; top:0; width:200px;
height:800px; background:#000000;}
每当鼠标在该区域内移动时,函数都会循环执行。如何避免这种情况发生?