Scriptaculous Fx1

569
-1

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
569
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Scriptaculous Fx1

  1. 1. scriptaculous a eld guide to Combination Effects the basic syntax effects require just a DOM ID you can use options for customizing Effect.EffectName('dom_id') options are optional! with options Effect.EffectName('dom_id', {option:value, option:value}) optional, if you don't want yellow fade to white highlight syntax new Effect.Highlight('dom_id', {startcolor:'hex', endcolor:'hex'}) this bit's critical default options delay: seconds, in decimals delay before starting effect Default options are available for all fx. from: 0.0 to 1.0 to: 0.0 to 1.0 Some fx have custom options (not stages of the effect, 0 being no effect; shown except for Highlight) a Fade set to to:.5 would fade half-way duration: seconds, in decimals transition: transition method controls ease in & out, can be used for special fx how long the effect will last queue: 'parallel' || 'front' || 'end' in & out effects whether the effects run simultaneously or in order Appear / Fade BlindUp / BlindDown toggling SlideUp / SlideDown Grow / Shrink toggle() will show an item that's hidden, or hide an item that's shown—using the in or out out effects effect, respectively, from one of the in & out DropOut effects families shown to the left. Fold Puff the basic idea: Squish SwitchOff Effect.toggle('dom_id', 'fx_family') attention effects toggle accepts these fx families: appear Highlight Without an fx family name, Pulsate blind toggle() defaults to appear. Shake slide cheatsheet © amy hoy (www.slash7.com) more on scriptaculous: http://script.aculo.us/

×