jQuery animate easing使用方法图文详解

} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
});

使用jQuery自定义动画函数animate来指定easing效果，如自定义一种类弹簧效果的动画：

$(myElement).animate({
top: 500,
opacity: 1
}, 1000, 'easeOutBounce'); 

值得一提的是jQuery 1.4版本中对animate()方法，easing的方法进行了扩展，支持为每个属性指定easing方法，详细请参考这里，如：

//第一种写法
$(myElement).animate({
left: [500, 'swing'],
top: [200, 'easeOutBounce']});
//第二种写法
$(myElement).animate({
left: 500,
top: 200
}, {
specialEasing: {
left: 'swing',
top: 'easeOutBounce'
}
}); 

使用jQuery内置动画函数如slideUp()、slideDown()等来指定easing效果，以下两种方法都可以：

$(myElement).slideUp(1000, method, callback});
$(myElement).slideUp({
duration: 1000,
easing: method,
complete: callback
}); 

jQuery easing 图解

以下图解可以让你更容易理解每一种easing的效果

以上所述是小编给大家介绍的jQuery animate easing使用方法详解的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！