- script.aculo.us Tutorial
- script.aculo.us - Home
- script.aculo.us - Overview
- script.aculo.us - Modules
- script.aculo.us - Visual Effects
- script.aculo.us - Drag & Drop
- script.aculo.us - Sorting Elements
- script.aculo.us - Create Sliders
- script.aculo.us - Auto Completion
- script.aculo.us - In-Place Editing
- script.aculo.us Resources
- script.aculo.us - Quick Guide
- script.aculo.us - Resources
- script.aculo.us - Discussion
script.aculo.us - Pulsate Effect
Description
The Pulsate effect fades the target element to invisibility and back to full opacity five times, giving the effect of pulsating in and out of existence.
Syntax
You can use one of the following two forms to use this effect −
new Effect.Pulsate('id_of_element', [options]); OR new Effect.Pulsate(element, [options]);
Effect-Specific Parameters
This effect does not have any other parameter except the common parameters.
Example
<html> <head> <title>script.aculo.us examples</title> <script type = "text/javascript" src = "/javascript/prototype.js"></script> <script type = "text/javascript" src = "/javascript/scriptaculous.js?load = effects"></script> <script type = "text/javascript"> function PulsateEffect(element){ new Effect.Pulsate(element, {duration:3}); } </script> </head> <body> <div id = "myimage" onclick = "PulsateEffect(this);"> <img src = "/images/scriptaculous.gif" alt = "script.aculo.us" /> <h2>Click me to Pulsate me </h2> </div> </body> </html>
This will produce following result −
scriptaculous_effects.htm
Advertisements