jQuery Easing插件无法正常工作

时间:2013-06-11 16:00:50

标签: jquery animation easing

似乎无法让这个jQuery缓动插件工作!我在http://easings.net/上看到了它,http://jsfiddle.net/XqqtN/上有我的代码

我是新手,请帮忙!

$("#coolDiv").animate({'top':'-300px'},600,'easeOutBack',function(){ $(this).css({'top':'310px'});

1 个答案:

答案 0 :(得分:3)

使用jQuery easing plugin应该有效:

#coolDiv {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: yellow;
}

<div id="coolDiv">cool</div>

var left = $('#coolDiv').offset().left;

$("#coolDiv").css({left:left}).animate({"left":"0px"}, { duration: 1500, easing: "easeOutBack" });

请注意,主要区别在于将{duration:1500,easing:“easeOutBack”}添加到a​​nimate函数中。

Fiddle