topical media & game development

talk show tell print

#javascript-code-23-moofx.js / js



  // A simple animation where an element’s hide is expanded, then
  // when completed, contracted again
  
  // moo.fx’s implementation of that particular animation
  new fx.Height( “side”, {
      duration: 1000,
      onComplete: function() {
          new fx.Height( “side”, { duration: 1000 } ).hide();
      }
  }).show();
  
  // jQuery’s  implementation
  $(“#side”).slideDown( 1000, function(){
      this.slideUp( 1000 );
  });
  
  // Another simple animation where the height, width, and opacity of
  // an element are all shrunk (or diminished) together, resulting in a cool
  // hiding effect
  
  // moo.fx’s implemention of this animation
  new fx.Combo( “body”, {
      height: true,
      width: true,
      opacity: true
  }).hide();
  
  // jQuery’s implementation of the animation
  $(“#body”).hide( “fast” );
  
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.