Documentation

UI/Effects

From jQuery JavaScript Library

Jump to: navigation, search

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 as 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

NameType
Individual effect API:





NameType
show( effect, options, speedcallback ) Returns: jQuery
Uses a specific effect on an element to show the element if the first argument is a effect string.
hide( effect, options, speedcallback ) Returns: jQuery
Uses a specific effect on an element to hide the element if the first argument is an effect string.
toggle( effect, options, speedcallback ) Returns: jQuery
Uses a specific effect on an element to toggle the element if the first argument is an effect string.
effect( effect, options, speedcallback ) Returns: jQuery
Uses a specific effect on an element (without the show/hide logic).
Configurations:
NameType

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.
  • 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 - Can shrink or grow the element to percentages or pixels.
  • Pulsate - Pulsates the opacity of the element multiple times.

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.
  • Shake - Shakes the element vertically or horizontally n-times.
  • Transfer - Transfers the outline of an element to another.