Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A lightweight and powerful javascript Animation engine.

License

NotificationsYou must be signed in to change notification settings

scottcgi/MojoJS-Animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MojoJS-Animation is a verylightweight andpowerful javascriptAnimation engine.

It also has verysimple,beautiful,easy-to-understand source code and"Make-You-Happy" API.

TheOnline Demo shows the effect and code usage.

License

MojoJS-Animation is licensed under theMIT License.

Features

  • Support CSS and Transform properties animation.
  • Support queue and concurrent animation.
  • Support a group of elements animation.
  • Support delay animation.
  • Support complete callback on animate (not on element).
  • Support configurable chained complete callbacks.
  • Support fully compatible standard easing effect and more.
    linear,smooth,quadraticIn,quadraticOut,quadraticInOutcubicIn,cubicOut,cubicInOutquarticIn,quarticOut,quarticInOutquinticIn,quinticOut,quinticInOutexponentialIn,exponentialOut,exponentialInOutsineIn,sineOut,sineInOutcircularIn,circularOut,circularInOutelasticIn,elasticOut,elasticInOutbackIn,backOut,backInOut,backInExponentialOut,backInElasticOutbounceIn,bounceOut,bounceInOut,

Code Structure

MojoJS-Animation Code Structure

How to use

/** * Create an animation object. * *@param {String (selector) | Array<HTMLElement> | NodeList | HTMLElement} targets */MojoJS.createAnimation(targets)/** * Animate with config. * * the variable params are optional and no order limit, they can be: * * duration (Number)  : animation time. * isQueue  (Boolean) : inqueue or concurrent. * complete (Function): complete callback. * args     (Array)   : complete function args. * easing   (String)  : easing function name. * config   (Object)  : variable params in object and three more settings: *   { *       id       (String) : the animation id. *       appendTo (String) : callback when animation of this id is completed. *       delay    (Number) : delay time before animation starts. *   } * *@param  {Object} animStyle *@return {Object} animation */animation.animate(animStyle[,duration,isQueue,complete,args,easing,config]);/** * The animation complete callback function. * * args    (Array)     : apply from [config.args]. * thisArg (Animation) : apply from current animation. */functioncompleteCallback([arg0,arg1, ...]);

Support

If the source code isuseful orhelpful for you, maybe buy me a coffee viaSponsor Button.

About

A lightweight and powerful javascript Animation engine.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp