Question

我在jQuery中制作一个简单的动画，当你悬停一个a时，p元素滑到它下面的位置（位置：绝对;）但是当你悬停a时，p跳到一个位置然后动画，它是太奇怪了！

$(".wrap a").hover(function() {
    $(".wrap p").animate({left: '0'},{duration:500});
            }, function(){        
                $(".wrap p").animate({left: '100%'}, {duration:500});
    });
;

为什么会出现这种情况的任何想法？

View it here.

Answer 1

只需写'0％'而不是0。

$(".wrap a").hover(function() {
    $(".wrap p").animate({left: '0%'},{duration:500});
            }, function(){        
                $(".wrap p").animate({left: '100%'}, {duration:500});
    });

Answer 2

您通过了0而不是0%，它会在某些浏览器中混淆jQuery，其中getComputedStyle（jQuery使用的）行为的单位不同。

http://jsfiddle.net/BAXc2/3/

jQuery：为什么我的动画片“跳”？

2 个答案: