n Grow/Shrink: Reduces or enlarges the targeted content for a set duration; you also have the
option of growing or shrinking from the center of the target or from the upper-left corner.
n Highlight: Displays a sudden burst of background color behind a page element, which then fades
away of a set period of time.
n Shake: Moves the targeted element left and right quickly, shaking it from side to side.
n Slide: Similar to the Blind effect in that it hides or reveals targeted content; however, with Slide, it
is the content itself that appears to move in or out of view. This effect requires an outer
tag
with an ID that surrounds another tag with an ID.
n Squish: Shrinks from 100% to 0% in the targeted element??™s upper-left corner; the effect can be
applied again to grow the element to 100% in the opposite direction
CROSS-REF CROSS-REF
632
Adding Advanced Design Features Part III
The JavaScript engine for all the effects are contained in a single file, SpryEffects.js. This
file is included in your page automatically whenever you apply a Spry effect.
Summary
Without a doubt, Ajax has significantly increased the options a Web designer has to choose from. Adobe??™s
implementation of the Spry framework provides a greatly simplified roadmap to help the Web professional
incorporate these options.
Pages:
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132