gpt4 book ai didi

javascript - 限制和动画功能

转载 作者:行者123 更新时间:2023-11-28 20:20:32 24 4
gpt4 key购买 nike

我确信这个问题已经有很多答案,但问题是我不知道要搜索什么。我基本上希望使用 animate 函数在用户将鼠标放在另一个对象上时向上移动元素,并在用户将鼠标移出时将其向后移动。我让它工作正常,但我不知道如何限制它,以便他们无法快速地将鼠标移入和移出元素,然后停止让对象继续动画多次当他们进入元素时。

$('.cover_1').mouseover(function() {
$('.pop_1').animate({bottom: "0px"}, 100);
}).mouseout(function(){
$('.pop_1').animate({bottom: "-300px"}, 100);
});

这是我现在拥有的代码。

最佳答案

尝试使用stop method像这样:

$('.cover_1').mouseover(function() {
$('.pop_1').stop(true,true).animate({bottom: "0px"}, 100);
}).mouseout(function(){
$('.pop_1').stop(true, true).animate({bottom: "-300px"}, 100);
});

关于javascript - 限制和动画功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18420839/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com