Places

 

  • Download
  • Documentation
  • Forums
  • Demo
  • Contact
  • Blog
  • My account

Meteora

Javascript Widgets

Controls

  • Autocomplete
  • Bubble
  • Calendar
  • Carousel
  • Datagrid
  • Dialog
  • Editor
  • Filebrowser
  • Form Control
  • Menu
  • Notebook
  • Picbox
  • Popup
  • Searchlist
  • Selection
  • Spinbutton
  • Tablesort
  • Toolbox
  • Treeview

Features

  • JsonRpc Core

Effects

  • Visual effects

Fx.Visual

Before proceeding you may want to read our getting started page.

What does this control do?

Displays visual effects that enhace user experience.

For an usage example check out our Fx.Visual demo.

How to use

In order to be able to use this control, paste this line of javascript right at the beginning of your script tag:

Meteora.uses('Fx.Visual');

Here's a little example:

// Will make appear an object after fading it
Effect.fade(
  'object-id',
  {
    'onComplete': function(el) {
      Effect.appear(el);
    }
  }
);

Note that the new keyword is not necessary since all methods are static.

Methods

Effect.fade(object_id, { options })

Effect.appear(object_id, { options })

Effect.slideOut(object_id, { options })

Effect.slideIn(object_id, { options })

Effect.width(object_id, width, { options })

Effect.height(object_id, height, { options })

Effect.resizeTo(object_id, width, height, { options })

Effect.pulsate(object_id, { options })

Effect.highlight(object_id, { options })

Effect.puff(object_id, { options })

Effect.shake(object_id, { options })

Effect.dropobject_id, { options })

Effect.expand(object_id, { options })

Options

Options are the same you would pass to Mootool's Fx Class.

Powered by textmotion

(c) 2008 Astrata Software