Learn script.aculo.us
script.aculo.us Resources
Selected Reading
© 2011 TutorialsPoint.COM
|
script.aculo.us Pulsate Effects
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 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>
|
To understand it in better way you can Try it yourself.
|
|
|