Lets start by fading, say , a picture from view.
<div id ="fadePic" class = "findMe">
<div> <a href = "#"> <img alt = "my_image" src = "images/4" />
</a>
</div>
Now let's call the function Fade using the link_to_function command.
Notice that we insert the div id into the function. This will fade the picture until it completely disappears. But what if we don't want it to completely disappear? Then we insert an optional parameter. <br /><br />
Here we insered to extra parameters. In this example, the picture will start fading after 10 seconds, not frames, and will only fade to 50 percent of it's original color.
>
Here are all the 16 standard effects that you can use with script.aculo.us:
Fade: Decreases opacity
Appear: Increases opacity
BlindUp, BlindDown: Changes height of the element
SlideUp, SlideDown: Slides the element up or down.
Shrink: Resizes the element( Shrinks)
Grow: Resizes the element( Expands)
Highlight: CHanges background color of element.
Shake: Causes an element to slide left to right a few times.
Pulsate: Rapidly fades in and out several times.
DropOut: Simultaneously fades an element and moves it downward, so it appears to drop off the page
SwitchOff: SImulates an old television bieng turned off; a quick flicker, and then the element collapses into a horizontal line.
Puff: Makes an element incease in size while decreasing opacity.
Squish: Similiar to shrink, but the element's top-left corner remains fixed.
Fold: First redurces the element's height to a thin line and then reduces its width until it disappears.
discuss this topic to forum
