Pulsates the element, loops over five times over fading out and in.

Availability

script.aculo.us V1.0 and later.

Examples

  Effect.Pulsate('id_of_element');

Demo

Click for Effect.Pulsate demo

Options

Items in bold are default values.

• duration: Number of seconds after which to stop the effect. Default 2.
• from: The minimal opacity during the pulsate, in a value between 0 and 1. For example, use 0.7 for a mild pulsate.
• pulses: The amount of pulses with-in the duration time. Default 5.

Notes

Works safely with most HTML elements, except table rows, table bodies and table heads.

Microsoft Internet Explorer can only set opacity on elements that have ‘layout’. To let an element have layout, you must set some CSS positional properties, like ‘width’ or ‘height’. See Giving Elements Layout.

In Firefox, at least, if the element that you Pulsate has a :hover CSS psuedo class and you mouse over it while it’s Pulsating, the effect will stop.