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

添加答案，以便问题不会“无人接听”。

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

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

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

jquery：立即停止功能

1 个答案: