Index | OAT homepage | OpenLink Software

OATDOCsimplefx

simplefx.js

Simple eyecandy effects: shadows, rounding etc.

Functions

OAT.SimpleFX.shadow(element, options)


Adds a shadow to element . Available options are:

OAT.SimpleFX.roundImg(element, options)


ToBeDone
- Verify OAT.SimpleFX.roundDiv vs OAT.SimpleFX.roundImg - original documentation had this section header as roundImg -- but sample code was roundDiv
Creates rounded corners on element , using images. Available options are:

OAT.SimpleFX.roundDiv(element, optionsObject)


ToBeDone
- Verify OAT.SimpleFX.roundDiv vs OAT.SimpleFX.roundImg - original documentation had this section header as roundImg -- but sample code was roundDiv
Creates rounded corners on element , using stacked DIVs. Available options are:

OAT.SimpleFX.shader(clicker, target, options)


Marks clicker as a button, which hides/shows target . Target may be an array of elements. Available options are:

Examples

Example 1, using OAT.SimpleFX.roundImg


ToBeDone
- Verify OAT.SimpleFX.roundImg vs OAT.SimpleFX.roundDiv - original code had roundDiv , but description was roundImg

OAT.SimpleFX.shadow("myDiv", {});
OAT.SimpleFX.roundImg("myDiv",{corners:[1,1,0,0]});
OAT.SimpleFX.shader("myDiv", ["myDiv1","myDiv2"], {type:2});

Example 2, using OAT.SimpleFX.roundDiv


ToBeDone
- Verify OAT.SimpleFX.roundImg vs OAT.SimpleFX.roundDiv - original code had roundDiv , but description was roundImg

OAT.SimpleFX.shadow("myDiv", {});
OAT.SimpleFX.roundDiv("myDiv", {antialias:1, size:5});
OAT.SimpleFX.shader("myDiv", ["myDiv1","myDiv2"], {type:2});


Copyright (C) 2005-2008 OpenLink Software