|
| | fadeIn( [Object options] )
+ :
+ Ext.ElementFade an element in (from transparent to opaque). The ending opacity can be specified
using the endOpacity config op... Fade an element in (from transparent to opaque). The ending opacity can be specified
using the endOpacity config option.
Usage:
@@ -75,9 +75,9 @@ el.fadeIn({
endOpacity: 1, //can be any value between 0 and 1 (e.g. .5)
easing: 'easeOut',
duration: .5
-}); | Fx |
| | fadeOut( [Object options] )
- :
- Ext.ElementFade an element out (from opaque to transparent). The ending opacity can be specified
+}); | Fx |
| | fadeOut( [Object options] )
+ :
+ Ext.ElementFade an element out (from opaque to transparent). The ending opacity can be specified
using the endOpacity config o... Fade an element out (from opaque to transparent). The ending opacity can be specified
using the endOpacity config option. Note that IE may require
useDisplay:true in order to redisplay correctly.
@@ -95,10 +95,10 @@ el.fadeOut({
duration: .5,
remove: false,
useDisplay: false
-}); | Fx |
| | frame( [String color], [Number count], [Object options] )
- :
- Ext.ElementShows a ripple of exploding, attenuating borders to draw attention to an Element.
-Usage:
+}); | Fx |
| | frame( [String color], [Number count], [Object options] )
+ :
+ Ext.ElementShows a ripple of exploding, attenuating borders to draw attention to an Element.
+Usage:
// default: a single light... Shows a ripple of exploding, attenuating borders to draw attention to an Element.
Usage:
// default: a single light blue ripple
@@ -111,9 +111,9 @@ el.frame("ff0000", 3, { duration: 3 });
el.frame("C3DAF9", 1, {
duration: 1 //duration of each individual ripple.
// Note: Easing is not configurable and will be ignored if included
-});
Parameters:color : String(optional) The color of the border. Should be a 6 char hex color without the leading # (defaults to light blue: 'C3DAF9'). count : Number(optional) The number of ripples to display (defaults to 1) options : Object(optional) Object literal with any of the Fx config options
Returns: | Fx |
| | ghost( [String anchor], [Object options] )
- :
- Ext.ElementSlides the element while fading it out of view. An anchor point can be optionally passed to set the
+}); Parameters:color : String(optional) The color of the border. Should be a 6 char hex color without the leading # (defaults to light blue: 'C3DAF9'). count : Number(optional) The number of ripples to display (defaults to 1) options : Object(optional) Object literal with any of the Fx config options
Returns: | Fx |
| | ghost( [String anchor], [Object options] )
+ :
+ Ext.ElementSlides the element while fading it out of view. An anchor point can be optionally passed to set the
ending point o... Slides the element while fading it out of view. An anchor point can be optionally passed to set the
ending point of the effect.
Usage:
@@ -129,17 +129,17 @@ el.ghost( 'b', {
duration: .5,
remove: false,
useDisplay: false
-}); | Fx |
| | hasActiveFx()
- :
- BooleanReturns true if the element has any effects actively running or queued, else returns false. Returns true if the element has any effects actively running or queued, else returns false. | Fx |
| | hasFxBlock()
- :
- BooleanReturns true if the element is currently blocking so that no other effect can be queued
+}); | Fx |
| | hasActiveFx()
+ :
+ BooleanReturns true if the element has any effects actively running or queued, else returns false. Returns true if the element has any effects actively running or queued, else returns false. | Fx |
| | hasFxBlock()
+ :
+ BooleanReturns true if the element is currently blocking so that no other effect can be queued
until this effect is finishe... Returns true if the element is currently blocking so that no other effect can be queued
until this effect is finished, else returns false if blocking is not set. This is commonly
used to ensure that an effect initiated by a user action runs to completion prior to the
-same effect being restarted (e.g., firing only one effect even if the user clicks several times). | Fx |
| | highlight( [String color], [Object options] )
- :
- Ext.ElementHighlights the Element by setting a color (applies to the background-color by default, but can be
+same effect being restarted (e.g., firing only one effect even if the user clicks several times). | Fx |
| | highlight( [String color], [Object options] )
+ :
+ Ext.ElementHighlights the Element by setting a color (applies to the background-color by default, but can be
changed using the ... Highlights the Element by setting a color (applies to the background-color by default, but can be
changed using the "attr" config option) and then fading back to the original color. If no original
color is available, you should provide the "endColor" config option which will be cleared after the animation.
@@ -156,15 +156,15 @@ el.highlight( "ffff9c", {
endColor: (current color) or "ffffff",
easing: 'easeIn',
duration: 1
-}); | Fx |
| | pause( Number seconds )
- :
- Ext.ElementCreates a pause before any subsequent queued effects begin. If there are
+}); | Fx |
| | pause( Number seconds )
+ :
+ Ext.ElementCreates a pause before any subsequent queued effects begin. If there are
no effects queued after the pause it will ... Creates a pause before any subsequent queued effects begin. If there are
no effects queued after the pause it will have no effect.
Usage:
- el.pause(1);
| Fx |
| | puff( [Object options] )
- :
- Ext.ElementFades the element out while slowly expanding it in all directions. When the effect is completed, the
+ el.pause(1);
| Fx |
| | puff( [Object options] )
+ :
+ Ext.ElementFades the element out while slowly expanding it in all directions. When the effect is completed, the
element will ... Fades the element out while slowly expanding it in all directions. When the effect is completed, the
element will be hidden (visibility = 'hidden') but block elements will still take up space in the document.
The element must be removed from the DOM using the 'remove' config option if desired.
@@ -178,9 +178,9 @@ el.puff({
duration: .5,
remove: false,
useDisplay: false
-}); | Fx |
| | scale( Number width, Number height, [Object options] )
- :
- Ext.ElementAnimates the transition of an element's dimensions from a starting height/width
+}); | Fx |
| | scale( Number width, Number height, [Object options] )
+ :
+ Ext.ElementAnimates the transition of an element's dimensions from a starting height/width
to an ending height/width. This met... Animates the transition of an element's dimensions from a starting height/width
to an ending height/width. This method is a convenience implementation of shift.
Usage:
@@ -195,13 +195,13 @@ el.scale(
easing: 'easeOut',
duration: .35
}
-); Parameters:width : NumberThe new width (pass undefined to keep the original width) height : NumberThe new height (pass undefined to keep the original height) options : Object(optional) Object literal with any of the Fx config options
Returns: | Fx |
| | sequenceFx()
- :
- Ext.ElementEnsures that all effects queued after sequenceFx is called on the element are
+); Parameters:width : NumberThe new width (pass undefined to keep the original width) height : NumberThe new height (pass undefined to keep the original height) options : Object(optional) Object literal with any of the Fx config options
Returns: | Fx |
| | sequenceFx()
+ :
+ Ext.ElementEnsures that all effects queued after sequenceFx is called on the element are
run in sequence. This is the opposite... Ensures that all effects queued after sequenceFx is called on the element are
-run in sequence. This is the opposite of syncFx. | Fx |
| | shift( Object options )
- :
- Ext.ElementAnimates the transition of any combination of an element's dimensions, xy position and/or opacity.
+run in sequence. This is the opposite of syncFx. | Fx |
| | shift( Object options )
+ :
+ Ext.ElementAnimates the transition of any combination of an element's dimensions, xy position and/or opacity.
Any of these prop... Animates the transition of any combination of an element's dimensions, xy position and/or opacity.
Any of these properties not specified in the config object will not be changed. This effect
requires that at least one new dimension, position or opacity setting must be passed in on
@@ -219,9 +219,9 @@ el.shift({
opacity: [element's opacity],
easing: 'easeOut',
duration: .35
-}); | Fx |
| | slideIn( [String anchor], [Object options] )
- :
- Ext.ElementSlides the element into view. An anchor point can be optionally passed to set the point of
+}); | Fx |
| | slideIn( [String anchor], [Object options] )
+ :
+ Ext.ElementSlides the element into view. An anchor point can be optionally passed to set the point of
origin for the slide eff... Slides the element into view. An anchor point can be optionally passed to set the point of
origin for the slide effect. This function automatically handles wrapping the element with
a fixed-size container if needed. See the Fx class overview for valid anchor point options.
@@ -236,9 +236,9 @@ el.slideIn( 'r', { duration: 2 });
el.slideIn( 't', {
easing: 'easeOut',
duration: .5
-}); | Fx |
| | slideOut( [String anchor], [Object options] )
- :
- Ext.ElementSlides the element out of view. An anchor point can be optionally passed to set the end point
+}); | Fx |
| | slideOut( [String anchor], [Object options] )
+ :
+ Ext.ElementSlides the element out of view. An anchor point can be optionally passed to set the end point
for the slide effect.... Slides the element out of view. An anchor point can be optionally passed to set the end point
for the slide effect. When the effect is completed, the element will be hidden (visibility =
'hidden') but block elements will still take up space in the document. The element must be removed
@@ -257,13 +257,13 @@ el.slideOut( 't', {
duration: .5,
remove: false,
useDisplay: false
-}); | Fx |
| | stopFx()
- :
- Ext.ElementStops any running effects and clears the element's internal effects queue if it contains
+}); | Fx |
| | stopFx()
+ :
+ Ext.ElementStops any running effects and clears the element's internal effects queue if it contains
any additional effects that... Stops any running effects and clears the element's internal effects queue if it contains
-any additional effects that haven't started yet. | Fx |
| | switchOff( [Object options] )
- :
- Ext.ElementBlinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
+any additional effects that haven't started yet. | Fx |
| | switchOff( [Object options] )
+ :
+ Ext.ElementBlinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
Wh... Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
When the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still
take up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.
@@ -277,8 +277,8 @@ el.switchOff({
duration: .3,
remove: false,
useDisplay: false
-}); | Fx |
| | syncFx()
- :
- Ext.ElementEnsures that all effects queued after syncFx is called on the element are
+}); | Fx |
| | syncFx()
+ :
+ Ext.ElementEnsures that all effects queued after syncFx is called on the element are
run concurrently. This is the opposite of... Ensures that all effects queued after syncFx is called on the element are
run concurrently. This is the opposite of sequenceFx. | Fx |