javascript - jquery:立即停止功能

Question

鼠标悬停.down时，div层向下滑动
mouseover .up时，div层向上滑动

如果鼠标经过.b，如何让div向下滑动而不用等待div层先向上滑动？基本上立即

终止之前的功能

<a href="#" class="down">Slide Down</a>
<a href="#" class="up">Slide Up</a>

<div style="height:400px;width:200px;background-color:#ccc">
</div>


<script>
$(document).ready(function() {
    $('.down').mouseover(function() {
        $('div').slideDown();                          
    });

    $('.up').mouseover(function() {
        $('div').slideUp();                        
    });
});
</script>

Answer 1

添加一个答案，这样问题就不会“无人回答”。

根据@Pointy，.stop()功能是你想要的。您可以在调用 .slideDown() 之前添加它以停止元素当前正在运行的动画。

$(document).ready(function() { 
    $('.down').mouseover(function() { 
        $('div').stop(true, true).slideDown();                           
    }); 

    $('.up').mouseover(function() { 
        $('div').slideUp();                         
    }); 
});