Introduction of easing JS file
<script src= "Js/jquery.min.js" ></script>
<script src= "Js/jquery.easing.min.js" ></script>
Using jquery easing
$ (Element). Slideup ({
duration:1000,
Easing:method,
Complete:callback
});
- Parameter duration: Defines the animation speed, the shorter the time, the faster the movement.
- Parameter easing: Specify the animation effect, easing JS provides a variety of animation effects, there are uniform motion, variable acceleration motion, cushioning the effect of fluctuations, they are: Linear,swing,jswing,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. The actual effect of each animation, please refer to demo.
- Parameters complete: After the end of the animation callback function callback, you can customize the call function after the end of the animation.
JQuery easing animation effect extension