Text and Image Fade Effects Documentation

SITE.util.fading.TextFade(id, options)

Note: id is a required parameter.

options:

startcolor (Hex-String): The initial color (default is #000000(black))
endcolor (Hex-String): The color to fade to (default is #FFFFFF(white))
changespeed (int): The speed at which to change the color values (default is 4) (range is 1 to a reasonable amount)
interval (int): The number of milliseconds to wait between changes (default is 20) (range is 1 to a reasonable amount)
finished (function): Code to execute when the color change is finished

Example:

In base javascript header tag:


In a javascript setup method:


In the body tag:



The text color should change with onmousedown



SITE.util.fading.BgFade(id, options)

Note: id is a required parameter.

options:

startcolor (Hex-String): The initial color (default is #FFFFFF(white))
endcolor (Hex-String): The color to fade to (default is #000000(black))
changespeed (int): The speed at which to change the color values (default is 4) (range is 1 to a reasonable amount)
interval (int): The number of milliseconds to wait between changes (default is 20) (range is 1 to a reasonable amount)
finished (function): Code to execute when the color change is finished

Example:

In base javascript header tag:


In a javascript setup method:


In the body tag:



The background color should change with onmousedown



SITE.util.fading.TextFade(id, options)

Note: id is a required parameter.

options:

startvalue (int): The initial transparency value (default is 100) (range 0-100)
endvalue (int): The final transparency value (default is 0) (range 0-100)
changespeed (int): The amount the transparency is changed in each interval (default is 1) (range is 1 to a reasonable amount)
interval (int): The number of milliseconds to wait between changes (default is 20) (range is 1 to a reasonable amount)
finished (function): Code to execute when the picture fade is complete

Example:

In base javascript header tag:


In a javascript setup method:


In the body tag: