jquery.easing.min.js
jquery.easing.min.js[사용방법]
$(document).ready(function() {
$("#animate").click(function() {
$(".box").animate({marginLeft: '+=100'}, 4000, 'easeOutBounce',function() { console.log("end"); });
$(".box").animate({marginLeft: '-=100'}, 4000, 'easeOutBounce');
});
});
[사용 가능 메서드]
linear swing easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce
[효과를 적용해 볼수있는 API 사이트]
http://api.jqueryui.com/easings/
댓글