似乎无法让这个 jQuery 缓动插件工作!我在http://easings.net/上看到了它,我在http://jsfiddle.net/XqqtN/上有一个小提琴与我的代码
我是新手,请帮忙!
$("#coolDiv").animate({'top':'-300px'},600,'easeOutBack',function(){
$(this).css({'top':'310px'});
似乎无法让这个 jQuery 缓动插件工作!我在http://easings.net/上看到了它,我在http://jsfiddle.net/XqqtN/上有一个小提琴与我的代码
我是新手,请帮忙!
$("#coolDiv").animate({'top':'-300px'},600,'easeOutBack',function(){
$(this).css({'top':'310px'});
使用jQuery 缓动插件应该可以工作:
#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" } 添加到 animate 函数中。