http://mootorial.com/wiki/ Fri, 10 Sep 2010 02:12:30 -0600 FeedCreator 1.7.2-ppt DokuWiki http://mootorial.com/wiki/lib/images/favicon.ico http://mootorial.com/wiki/ http://mootorial.com/wiki/mootorial/06-fx/00-fx?rev=1225173225 The MooTools library includes two foundation classes used for Fx extensions: Fx and Fx.CSS. Fx Here is the documentation for Fx.js. The Fx class is the heart of all the Fx classes and it's rather basic. It's not something you'll be using directly, but whenever you want to author a new effect, you might want to extend the Fx class (thought it's much more likely that you'll extend Fx.Tween or Fx.Morph. I won't go into a lot of detail on its functions and properties; if you want to write your ow… Mon, 27 Oct 2008 23:53:45 -0600 http://mootorial.com/wiki/mootorial/06-fx/01-fx.tween?rev=1255345545 Here is the documentation for Fx.Tween.js. This is where MooTools really shines. Smoothly modifying the properties of an element is super simple. You have a couple of options on how to do it, once again, and they each have trade offs. I'll start with the method of creating an object for the effect: Mon, 12 Oct 2009 05:05:45 -0600 http://mootorial.com/wiki/mootorial/06-fx/02-fx.morph?rev=1225173226 Here is the documentation for Fx.Morph.js Fx.Morph is very similar to Fx.Tween (if you haven't read about Fx.Tween yet, you should start there), except you can alter more than one property at once. You should use this over having two Fx.Tween properties because each property will be altered in tandem with Fx.Morph. It's also less resource intensive. Mon, 27 Oct 2008 23:53:46 -0600 http://mootorial.com/wiki/mootorial/06-fx/03-fx.transitions?rev=1225173226 Fx.Transitions.js contains numerous transitions that are easier to demonstrate than they are to describe. Here is the documentation for Fx.Transitions.js. Drag the redbox and see the transition when you release it: Each transition features three modes: easeIn, easeOut, and easeInOut. So, for example, Fx.Transitions.Quad.easeIn is how you'd refer to it. The only transition that doesn't have these variables is Linear. Mon, 27 Oct 2008 23:53:46 -0600