Spry User Guide - Support - Adobe

Click here to
highlight the below paragraph.
The first argument of the JavaScript method is always the target element’s ID ('highlight1' in the preceding
example).
The complete code looks as follows:
. . .
Click here to
highlight the below paragraph.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Highlight effect options
The following table lists the available options for the Highlight effect.
Option Description
duration The duration of the effect in milliseconds. The default value is 1000.
from Start color value in RGB color format (#RRGGBB). This value sets the color of the
first frame of the highlight. The default is the background color of the target
element.
to End color value in RGB color format (#RRGGBB). This value sets the color of the
last frame of the highlight.
toggle Produces a toggle effect. The default value is false. If the value is set to true,
the restoreColor option is ignored.
transition Determines the type of transition: linear (transition speed is constant for the
duration of the transition) or sinusoidal (effect begins slowly, then speeds up,
then slows again at the end). The default is sinusoidal.
setup Lets you define a function that is called before the effect begins, e.g.,
setup:function (element,effect){/* ... */}.
finish Lets you define a function that is called after the effect finishes, e.g.,
finish:function (element,effect){/* ... */}.
Sample code:
Spry.Effect.DoHighlight('targetID', {duration:1000,from:'#00ff00',to:'#0000ff'});
Attach a Fade effect
The Fade effect makes an element appear or fade away.
You can attach the Fade effect to any HTML element except applet, body, iframe, object, tr, tbody, or th.
1 To link the SpryEffects.js file on your web page, add the following code to the head of your document:
SPRY
User Guide
143