jQuery & jQuery UI Documentation

jQuery & jQuery UI

Effects

effects.core.js

This is the core dependency of the effects of jQuery UI. This file is needed by all other effects and can also be used stand-alone. Please note that ui.core.js is not a dependency for the effects to work.

The core comes with the following exclusive functionality

Individual effects

Individual effect API:

tbd

Configurations:

Effects that can be used with Show/Hide/Toggle:

  • Blind - Blinds the element away or shows it by blinding it in.
  • Clip - Clips the element on or off, vertically or horizontally.
  • Drop - Drops the element away or shows it by dropping it in.
  • Explode - Explodes the element into multiple pieces.
  • Fade - Fades the element, by gradually changing its opacity.
  • Fold - Folds the element like a piece of paper.
  • Puff - Scale and fade out animations create the puff effect.
  • Slide - Slides the element out of the viewport.
  • Scale - Shrink or grow an element by a percentage factor.

Effects that can be only used stand-alone:

  • Bounce - Bounces the element vertically or horizontally n-times.
  • Highlight - Highlights the background with a defined color.
  • Pulsate - Pulsates the opacity of the element multiple times.
  • Shake - Shakes the element vertically or horizontally n-times.
  • Size - Resize an element to a specified width and height.
  • Transfer - Transfers the outline of an element to another.