Adds dojo.fx animation support to dojo.query() by extending the NodeList class with additional FX functions. NodeList is the array-like object used to hold query results.
See the dojo/NodeList-fx reference documentation for more information.
fade all elements of the node list to a specified opacity
| Parameter | Type | Description |
|---|---|---|
| args | undefined |
// fade all elements with class "bar" to to 50% opacity
dojo.query(".bar").fadeTo({ end: 0.5 }).play();
highlight all elements of the node list. Returns an instance of dojo.Animation
| Parameter | Type | Description |
|---|---|---|
| args | undefined |
// highlight all links with class "foo"
dojo.query("a.foo").hightlight().play();
size all elements of this NodeList. Returns an instance of dojo.Animation
| Parameter | Type | Description |
|---|---|---|
| args | undefined |
// size all divs with class "blah"
dojo.query("div.blah").sizeTo({
width:50,
height:50
}).play();
slide all elements of this NodeList. Returns an instance of dojo.Animation
| Parameter | Type | Description |
|---|---|---|
| args | undefined |
// slide all tables with class "blah" 10 px
dojo.query("table.blah").slideBy({ top:10, left:10 }).play();
Wipe all elements of the NodeList to a specified width: or height:
| Parameter | Type | Description |
|---|---|---|
| args | undefined |
dojo.query(".box").wipeTo({ width: 300px }).play();