Adobe 29500007 - Creative Suite 3 Design Premium Manual page 117

Spry Effects
Using the Spry framework for Ajax, you can now
easily add visual transitions to page elements.
Effects are a simple, elegant way of adding that
"wow" factor to your website. You can apply effects
such as grow, shrink, fade, and highlight to almost
any element on an HTML page.
Effects don't require any server-side logic or
scripting to work, so when a person viewing your
web page browses an HTML page and triggers
an effect, only the object to which the effect
is applied gets updated; the entire page doesn't
need to refresh.
1 Select the element to which 2
you wish to add the effect. (Window > Behaviors) and
click on the + button to reveal
the pop-up menu. Choose
Effects > Grow/Shrink.
4 The effect is applied to
the element, in this case
with a default onClick event
handler. When clicking on
this image, it will grow to the
size you specified.
Open the Behaviors panel 3 Configure available
options, including whether
the image grows or shrinks,
start and end sizes, and
whether repeated clicks
will toggle the effect.
Dreamweaver + Design Edition 115