Question

我试图让它在移动时缓解，但它似乎不起作用..

$('#aboutlnk').hover(function(){
    $('#navul').animate({
    left: '753px',
    width:'75px'
    }, {
    duration: 300,
    easing:'easeOut'
    });
});

另外，如何阻止代码反复运行，例如，如果我将鼠标悬停在相同的东西上100次，它将继续重播100次......！谢谢！

Answer 1

默认情况下，使用jquery无法使用您指定的缓动。尝试线性/摆动

easing:'swing'

...或

easing:'linear'

或者，您可以使用easings插件访问更多缓动。这是一个很好的... http://gsgd.co.uk/sandbox/jquery/easing/

Answer 2

首先，简单的一个 - 停止动画一直排队，添加对.stop()的调用：

$('#navul').stop().animate({

至于缓和，你肯定加载了jQuery UI库以及jQuery本身吗？本机只提供“swing”和“linear”缓动，您需要在UI中加载以获得更具异国情调的效果。

缓和不会工作？

2 个答案: