jquery - 放宽行不通？

Question

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

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

另外，如何阻止代码一遍又一遍地运行，例如，如果我将鼠标悬停在同一事物上 100 次，它将继续重播 100 次......！谢谢！

Answer 1

默认情况下，您指定的缓动不适用于 jquery。尝试线性/摆动

easing:'swing'

或者...

easing:'linear'

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

Answer 2

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

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

至于缓动，你肯定加载了 jQuery UI 库以及 jQuery 本身吗？本机仅提供“摇摆”和“线性”缓动，您需要在 UI 中加载才能获得更奇特的效果。