Simple to use jQuery Easing.js plugin

Simple to use jQuery Easing.js plugin

== Description: == easing is a jquery plugin, and use it to create a more colorful animation.

== Environment: == easing is because jQuery plug-in, it must be re-introduced after the introduction of jquery it

Simple wording

$(".car").animate({"left": "150%"},  4000, "easeInElastic", function() {});
复制代码

easing: format json, {duration: duration, easing: transition effect, complete: after successful callback}

Example:

$(element).animate({ 
    height:500, 
    width:600 
    },{ 
    easing: 'easeInOutQuad', 
    duration: 500, 
    complete: function(){} 
}); 
复制代码

Common values ​​of easing as follows:

1. linear
2. swing
3. easeInQuad
4. easeOutQuad
5. easeInOutQuad
6. easeInCubic
7. easeOutCubic
8. easeInOutCubic
9. easeInQuart
10. easeOutQuart
11. easeInOutQuart
12. easeInQuint
13. easeOutQuint
14. easeInOutQuint
15. easeInExpo
16. easeOutExpo
17. easeInOutExpo
18. easeInSine
19. easeOutSine
20. easeInOutSine
21. easeInCirc
22. easeOutCirc
23. easeInOutCirc
24. easeInElastic
25. easeOutElastic
26. easeInOutElastic
27. easeInBack
28. easeOutBack
29. easeInOutBack
30. easeInBounce
31. easeOutBounce
32. easeInOutBounce

Different worth Icon:

jQuery Easing Examples of URLs

Reproduced in: https: //juejin.im/post/5cfbb1edf265da1bbd4b6771