我正试图找到一种方法来在鼠标悬停在黑色区域时停止fadeIn / fadeOut动画:
$(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;}
每次鼠标移动到该区域内时,该功能都会循环播放.我怎么能避免这个?