Highlight: Adjusts the background color, usually from a bright color to the
default color (highlights status changes)
??? Effect.ScrollTo: Scrolls the window to a particular location on the page (useful for
those anchored links mentioned earlier)
The combination effects that build on top of the core events are the following:
??? Effect.Fade
??? Effect.Appear
??? Effect.Puff
??? Effect.BlindUp
??? Effect.BlindDown
??? Effect.SwitchOff
??? Effect.DropOut
??? Effect.Shake
??? Effect.SlideDown
??? Effect.SlideUp
??? Effect.Squish
CHAPTER 6 n VISUAL EFFECTS 143
??? Effect.Grow
??? Effect.Shrink
??? Effect.Pulsate
??? Effect.Fold
??? Effect.Morph
Effects are instantiated by passing the element or the element ID into the constructor:
new Effect.Puff('elementID');
Each class takes an options object as the second parameter, but the options will vary from
class to class.
The Script.aculo.us web site includes a demo of each of these effects (http://wiki.
script.aculo.us/scriptaculous/show/CombinationEffectsDemo) if you want to see them in
action (see Figure 6-5).
Figure 6-5. The Puff effect in action as it fades and ???blows out??? like a puff of smoke
If you??™re already using Prototype on a project that includes Prototype and Script.aculo.us
by default (for example, a Ruby on Rails project), adding Script.aculo.us effects is super
simple.
CHAPTER 6 n VISUAL EFFECTS 144
jQuery
This extremely compact library (only 20K) can do a number of straightforward animations
out of the box.
Pages:
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215