jLim $fx Plugin – animaties
  • JavaScript

De $fx plugin (~5kb min) voor jLim bevat functies voor animaties, zoals fade-effecten, elementen laten bewegingen etc. Het maakt gebruik van de $fx library van Sergii Iavorskyi.


// animation settings
var move = {type: 'left', from:85, to:1000, step:3, delay:20},
	disappear = {type: 'opacity', from:100, to:0, step: -1, delay:50};

// move div
$('#demo_div')
	.fxAdd(disappear)
	.fxAdd(move)
	.fxRun();

Methoden

  • .fadeIn( [ duration ], [ callback ] )
  • .fadeOut( [ duration ], [ callback ] )
  • .[ fxMethodName ]( [ arg1 ], [ arg2 ] , … ) *

(*) De $fx functies zijn: .fxAdd(), .fxAddSet(), .fxHold(), .fxPause(), .fxStop(), .fxReset(), .fxReset(), .fxRun().
Documentatie over deze functies kun je vinden op de $fx website.

Download

Je kan de laatste versie downloaden van Github.

Support

Getest in FireFox, Safari, Chrome, Opera en Internet Explorer 6+.

Licentie

De plugin code valt onder de MIT licentie. De fx library valt onder de MIT en GPL licentie.

Gerelateerde artikelen

Fork me on GitHub

Nog geen reacties

Stuur je reactie

  • RSS
  • LinkedIn
  • Twitter