2 * jQuery UI Effects 1.10.2
5 * Copyright 2013 jQuery Foundation and other contributors
6 * Released under the MIT license.
7 * http://jquery.org/license
9 * http://api.jqueryui.com/category/effects-core/
11 (function($, undefined) {
13 var dataSpace = "ui-effects-";
20 * jQuery Color Animations v2.1.2
21 * https://github.com/jquery/jquery-color
23 * Copyright 2013 jQuery Foundation and other contributors
24 * Released under the MIT license.
25 * http://jquery.org/license
27 * Date: Wed Jan 16 08:47:09 2013 -0600
29 (function( jQuery, undefined ) {
31 var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
33 // plusequals test for += 100 -= 100
34 rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
35 // a set of RE's that can match strings and generate color tuples.
37 re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
38 parse: function( execResult ) {
47 re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
48 parse: function( execResult ) {
50 execResult[ 1 ] * 2.55,
51 execResult[ 2 ] * 2.55,
52 execResult[ 3 ] * 2.55,
57 // this regex ignores A-F because it's compared against an already lowercased string
58 re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
59 parse: function( execResult ) {
61 parseInt( execResult[ 1 ], 16 ),
62 parseInt( execResult[ 2 ], 16 ),
63 parseInt( execResult[ 3 ], 16 )
67 // this regex ignores A-F because it's compared against an already lowercased string
68 re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
69 parse: function( execResult ) {
71 parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
72 parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
73 parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
77 re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
79 parse: function( execResult ) {
82 execResult[ 2 ] / 100,
83 execResult[ 3 ] / 100,
90 color = jQuery.Color = function( color, green, blue, alpha ) {
91 return new jQuery.Color.fn.parse( color, green, blue, alpha );
141 support = color.support = {},
143 // element for support tests
144 supportElem = jQuery( "<p>" )[ 0 ],
146 // colors = jQuery.Color.names
149 // local aliases of functions called often
152 // determine rgba support immediately
153 supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
154 support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
156 // define cache name and alpha properties
157 // for rgba and hsla spaces
158 each( spaces, function( spaceName, space ) {
159 space.cache = "_" + spaceName;
160 space.props.alpha = {
167 function clamp( value, prop, allowEmpty ) {
168 var type = propTypes[ prop.type ] || {};
170 if ( value == null ) {
171 return (allowEmpty || !prop.def) ? null : prop.def;
174 // ~~ is an short way of doing floor for positive numbers
175 value = type.floor ? ~~value : parseFloat( value );
177 // IE will pass in empty strings as value for alpha,
178 // which will hit this case
179 if ( isNaN( value ) ) {
184 // we add mod before modding to make sure that negatives values
185 // get converted properly: -10 -> 350
186 return (value + type.mod) % type.mod;
189 // for now all property types without mod have min and max
190 return 0 > value ? 0 : type.max < value ? type.max : value;
193 function stringParse( string ) {
195 rgba = inst._rgba = [];
197 string = string.toLowerCase();
199 each( stringParsers, function( i, parser ) {
201 match = parser.re.exec( string ),
202 values = match && parser.parse( match ),
203 spaceName = parser.space || "rgba";
206 parsed = inst[ spaceName ]( values );
208 // if this was an rgba parse the assignment might happen twice
210 inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
211 rgba = inst._rgba = parsed._rgba;
213 // exit each( stringParsers ) here because we matched
218 // Found a stringParser that handled it
221 // if this came from a parsed string, force "transparent" when alpha is 0
222 // chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
223 if ( rgba.join() === "0,0,0,0" ) {
224 jQuery.extend( rgba, colors.transparent );
230 return colors[ string ];
233 color.fn = jQuery.extend( color.prototype, {
234 parse: function( red, green, blue, alpha ) {
235 if ( red === undefined ) {
236 this._rgba = [ null, null, null, null ];
239 if ( red.jquery || red.nodeType ) {
240 red = jQuery( red ).css( green );
245 type = jQuery.type( red ),
246 rgba = this._rgba = [];
248 // more than 1 argument specified - assume ( red, green, blue, alpha )
249 if ( green !== undefined ) {
250 red = [ red, green, blue, alpha ];
254 if ( type === "string" ) {
255 return this.parse( stringParse( red ) || colors._default );
258 if ( type === "array" ) {
259 each( spaces.rgba.props, function( key, prop ) {
260 rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
265 if ( type === "object" ) {
266 if ( red instanceof color ) {
267 each( spaces, function( spaceName, space ) {
268 if ( red[ space.cache ] ) {
269 inst[ space.cache ] = red[ space.cache ].slice();
273 each( spaces, function( spaceName, space ) {
274 var cache = space.cache;
275 each( space.props, function( key, prop ) {
277 // if the cache doesn't exist, and we know how to convert
278 if ( !inst[ cache ] && space.to ) {
280 // if the value was null, we don't need to copy it
281 // if the key was alpha, we don't need to copy it either
282 if ( key === "alpha" || red[ key ] == null ) {
285 inst[ cache ] = space.to( inst._rgba );
288 // this is the only case where we allow nulls for ALL properties.
289 // call clamp with alwaysAllowEmpty
290 inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
293 // everything defined but alpha?
294 if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
295 // use the default of 1
296 inst[ cache ][ 3 ] = 1;
298 inst._rgba = space.from( inst[ cache ] );
306 is: function( compare ) {
307 var is = color( compare ),
311 each( spaces, function( _, space ) {
313 isCache = is[ space.cache ];
315 localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
316 each( space.props, function( _, prop ) {
317 if ( isCache[ prop.idx ] != null ) {
318 same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
330 each( spaces, function( spaceName, space ) {
331 if ( inst[ space.cache ] ) {
332 used.push( spaceName );
337 transition: function( other, distance ) {
338 var end = color( other ),
339 spaceName = end._space(),
340 space = spaces[ spaceName ],
341 startColor = this.alpha() === 0 ? color( "transparent" ) : this,
342 start = startColor[ space.cache ] || space.to( startColor._rgba ),
343 result = start.slice();
345 end = end[ space.cache ];
346 each( space.props, function( key, prop ) {
347 var index = prop.idx,
348 startValue = start[ index ],
349 endValue = end[ index ],
350 type = propTypes[ prop.type ] || {};
352 // if null, don't override start value
353 if ( endValue === null ) {
357 if ( startValue === null ) {
358 result[ index ] = endValue;
361 if ( endValue - startValue > type.mod / 2 ) {
362 startValue += type.mod;
363 } else if ( startValue - endValue > type.mod / 2 ) {
364 startValue -= type.mod;
367 result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
370 return this[ spaceName ]( result );
372 blend: function( opaque ) {
373 // if we are already opaque - return ourself
374 if ( this._rgba[ 3 ] === 1 ) {
378 var rgb = this._rgba.slice(),
380 blend = color( opaque )._rgba;
382 return color( jQuery.map( rgb, function( v, i ) {
383 return ( 1 - a ) * blend[ i ] + a * v;
386 toRgbaString: function() {
387 var prefix = "rgba(",
388 rgba = jQuery.map( this._rgba, function( v, i ) {
389 return v == null ? ( i > 2 ? 1 : 0 ) : v;
392 if ( rgba[ 3 ] === 1 ) {
397 return prefix + rgba.join() + ")";
399 toHslaString: function() {
400 var prefix = "hsla(",
401 hsla = jQuery.map( this.hsla(), function( v, i ) {
408 v = Math.round( v * 100 ) + "%";
413 if ( hsla[ 3 ] === 1 ) {
417 return prefix + hsla.join() + ")";
419 toHexString: function( includeAlpha ) {
420 var rgba = this._rgba.slice(),
423 if ( includeAlpha ) {
424 rgba.push( ~~( alpha * 255 ) );
427 return "#" + jQuery.map( rgba, function( v ) {
429 // default to 0 when nulls exist
430 v = ( v || 0 ).toString( 16 );
431 return v.length === 1 ? "0" + v : v;
434 toString: function() {
435 return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
438 color.fn.parse.prototype = color.fn;
440 // hsla conversions adapted from:
441 // https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
443 function hue2rgb( p, q, h ) {
446 return p + (q - p) * h * 6;
452 return p + (q - p) * ((2/3) - h) * 6;
457 spaces.hsla.to = function ( rgba ) {
458 if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
459 return [ null, null, null, rgba[ 3 ] ];
461 var r = rgba[ 0 ] / 255,
465 max = Math.max( r, g, b ),
466 min = Math.min( r, g, b ),
474 } else if ( r === max ) {
475 h = ( 60 * ( g - b ) / diff ) + 360;
476 } else if ( g === max ) {
477 h = ( 60 * ( b - r ) / diff ) + 120;
479 h = ( 60 * ( r - g ) / diff ) + 240;
482 // chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
483 // otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
486 } else if ( l <= 0.5 ) {
489 s = diff / ( 2 - add );
491 return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
494 spaces.hsla.from = function ( hsla ) {
495 if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
496 return [ null, null, null, hsla[ 3 ] ];
498 var h = hsla[ 0 ] / 360,
502 q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
506 Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
507 Math.round( hue2rgb( p, q, h ) * 255 ),
508 Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
514 each( spaces, function( spaceName, space ) {
515 var props = space.props,
520 // makes rgba() and hsla()
521 color.fn[ spaceName ] = function( value ) {
523 // generate a cache for this space if it doesn't exist
524 if ( to && !this[ cache ] ) {
525 this[ cache ] = to( this._rgba );
527 if ( value === undefined ) {
528 return this[ cache ].slice();
532 type = jQuery.type( value ),
533 arr = ( type === "array" || type === "object" ) ? value : arguments,
534 local = this[ cache ].slice();
536 each( props, function( key, prop ) {
537 var val = arr[ type === "object" ? key : prop.idx ];
539 val = local[ prop.idx ];
541 local[ prop.idx ] = clamp( val, prop );
545 ret = color( from( local ) );
546 ret[ cache ] = local;
549 return color( local );
553 // makes red() green() blue() alpha() hue() saturation() lightness()
554 each( props, function( key, prop ) {
555 // alpha is included in more than one space
556 if ( color.fn[ key ] ) {
559 color.fn[ key ] = function( value ) {
560 var vtype = jQuery.type( value ),
561 fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
562 local = this[ fn ](),
563 cur = local[ prop.idx ],
566 if ( vtype === "undefined" ) {
570 if ( vtype === "function" ) {
571 value = value.call( this, cur );
572 vtype = jQuery.type( value );
574 if ( value == null && prop.empty ) {
577 if ( vtype === "string" ) {
578 match = rplusequals.exec( value );
580 value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
583 local[ prop.idx ] = value;
584 return this[ fn ]( local );
589 // add cssHook and .fx.step function for each named hook.
590 // accept a space separated string of properties
591 color.hook = function( hook ) {
592 var hooks = hook.split( " " );
593 each( hooks, function( i, hook ) {
594 jQuery.cssHooks[ hook ] = {
595 set: function( elem, value ) {
597 backgroundColor = "";
599 if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) ) {
600 value = color( parsed || value );
601 if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
602 curElem = hook === "backgroundColor" ? elem.parentNode : elem;
604 (backgroundColor === "" || backgroundColor === "transparent") &&
605 curElem && curElem.style
608 backgroundColor = jQuery.css( curElem, "backgroundColor" );
609 curElem = curElem.parentNode;
614 value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
619 value = value.toRgbaString();
622 elem.style[ hook ] = value;
624 // wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
628 jQuery.fx.step[ hook ] = function( fx ) {
629 if ( !fx.colorInit ) {
630 fx.start = color( fx.elem, hook );
631 fx.end = color( fx.end );
634 jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
640 color.hook( stepHooks );
642 jQuery.cssHooks.borderColor = {
643 expand: function( value ) {
646 each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
647 expanded[ "border" + part + "Color" ] = value;
653 // Basic color names only.
654 // Usage of any of the other color names requires adding yourself or including
655 // jquery.color.svg-names.js.
656 colors = jQuery.Color.names = {
657 // 4.1. Basic color keywords
675 // 4.2.3. "transparent" color keyword
676 transparent: [ null, null, null, 0 ],
684 /******************************************************************************/
685 /****************************** CLASS ANIMATIONS ******************************/
686 /******************************************************************************/
689 var classAnimationActions = [ "add", "remove", "toggle" ],
702 $.each([ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], function( _, prop ) {
703 $.fx.step[ prop ] = function( fx ) {
704 if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) {
705 jQuery.style( fx.elem, prop, fx.end );
711 function getElementStyles( elem ) {
713 style = elem.ownerDocument.defaultView ?
714 elem.ownerDocument.defaultView.getComputedStyle( elem, null ) :
718 if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) {
722 if ( typeof style[ key ] === "string" ) {
723 styles[ $.camelCase( key ) ] = style[ key ];
726 // support: Opera, IE <9
728 for ( key in style ) {
729 if ( typeof style[ key ] === "string" ) {
730 styles[ key ] = style[ key ];
739 function styleDifference( oldStyle, newStyle ) {
743 for ( name in newStyle ) {
744 value = newStyle[ name ];
745 if ( oldStyle[ name ] !== value ) {
746 if ( !shorthandStyles[ name ] ) {
747 if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) {
748 diff[ name ] = value;
757 // support: jQuery <1.8
758 if ( !$.fn.addBack ) {
759 $.fn.addBack = function( selector ) {
760 return this.add( selector == null ?
761 this.prevObject : this.prevObject.filter( selector )
766 $.effects.animateClass = function( value, duration, easing, callback ) {
767 var o = $.speed( duration, easing, callback );
769 return this.queue( function() {
770 var animated = $( this ),
771 baseClass = animated.attr( "class" ) || "",
773 allAnimations = o.children ? animated.find( "*" ).addBack() : animated;
775 // map the animated objects to store the original styles.
776 allAnimations = allAnimations.map(function() {
780 start: getElementStyles( this )
784 // apply class change
785 applyClassChange = function() {
786 $.each( classAnimationActions, function(i, action) {
787 if ( value[ action ] ) {
788 animated[ action + "Class" ]( value[ action ] );
794 // map all animated objects again - calculate new styles and diff
795 allAnimations = allAnimations.map(function() {
796 this.end = getElementStyles( this.el[ 0 ] );
797 this.diff = styleDifference( this.start, this.end );
801 // apply original class
802 animated.attr( "class", baseClass );
804 // map all animated objects again - this time collecting a promise
805 allAnimations = allAnimations.map(function() {
806 var styleInfo = this,
808 opts = $.extend({}, o, {
810 complete: function() {
811 dfd.resolve( styleInfo );
815 this.el.animate( this.diff, opts );
816 return dfd.promise();
819 // once all animations have completed:
820 $.when.apply( $, allAnimations.get() ).done(function() {
822 // set the final class
825 // for each animated element,
826 // clear all css properties that were animated
827 $.each( arguments, function() {
829 $.each( this.diff, function(key) {
834 // this is guarnteed to be there if you use jQuery.speed()
835 // it also handles dequeuing the next anim...
836 o.complete.call( animated[ 0 ] );
842 addClass: (function( orig ) {
843 return function( classNames, speed, easing, callback ) {
845 $.effects.animateClass.call( this,
846 { add: classNames }, speed, easing, callback ) :
847 orig.apply( this, arguments );
851 removeClass: (function( orig ) {
852 return function( classNames, speed, easing, callback ) {
853 return arguments.length > 1 ?
854 $.effects.animateClass.call( this,
855 { remove: classNames }, speed, easing, callback ) :
856 orig.apply( this, arguments );
858 })( $.fn.removeClass ),
860 toggleClass: (function( orig ) {
861 return function( classNames, force, speed, easing, callback ) {
862 if ( typeof force === "boolean" || force === undefined ) {
864 // without speed parameter
865 return orig.apply( this, arguments );
867 return $.effects.animateClass.call( this,
868 (force ? { add: classNames } : { remove: classNames }),
869 speed, easing, callback );
872 // without force parameter
873 return $.effects.animateClass.call( this,
874 { toggle: classNames }, force, speed, easing );
877 })( $.fn.toggleClass ),
879 switchClass: function( remove, add, speed, easing, callback) {
880 return $.effects.animateClass.call( this, {
883 }, speed, easing, callback );
889 /******************************************************************************/
890 /*********************************** EFFECTS **********************************/
891 /******************************************************************************/
895 $.extend( $.effects, {
898 // Saves a set of properties in a data storage
899 save: function( element, set ) {
900 for( var i=0; i < set.length; i++ ) {
901 if ( set[ i ] !== null ) {
902 element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] );
907 // Restores a set of previously saved properties from a data storage
908 restore: function( element, set ) {
910 for( i=0; i < set.length; i++ ) {
911 if ( set[ i ] !== null ) {
912 val = element.data( dataSpace + set[ i ] );
913 // support: jQuery 1.6.2
914 // http://bugs.jquery.com/ticket/9917
915 // jQuery 1.6.2 incorrectly returns undefined for any falsy value.
916 // We can't differentiate between "" and 0 here, so we just assume
917 // empty string since it's likely to be a more common value...
918 if ( val === undefined ) {
921 element.css( set[ i ], val );
926 setMode: function( el, mode ) {
927 if (mode === "toggle") {
928 mode = el.is( ":hidden" ) ? "show" : "hide";
933 // Translates a [top,left] array into a baseline value
934 // this should be a little more flexible in the future to handle a string & hash
935 getBaseline: function( origin, original ) {
937 switch ( origin[ 0 ] ) {
938 case "top": y = 0; break;
939 case "middle": y = 0.5; break;
940 case "bottom": y = 1; break;
941 default: y = origin[ 0 ] / original.height;
943 switch ( origin[ 1 ] ) {
944 case "left": x = 0; break;
945 case "center": x = 0.5; break;
946 case "right": x = 1; break;
947 default: x = origin[ 1 ] / original.width;
955 // Wraps the element around a wrapper that copies position properties
956 createWrapper: function( element ) {
958 // if the element is already wrapped, return it
959 if ( element.parent().is( ".ui-effects-wrapper" )) {
960 return element.parent();
965 width: element.outerWidth(true),
966 height: element.outerHeight(true),
967 "float": element.css( "float" )
969 wrapper = $( "<div></div>" )
970 .addClass( "ui-effects-wrapper" )
973 background: "transparent",
978 // Store the size in case width/height are defined in % - Fixes #5245
980 width: element.width(),
981 height: element.height()
983 active = document.activeElement;
986 // Firefox incorrectly exposes anonymous content
987 // https://bugzilla.mozilla.org/show_bug.cgi?id=561664
991 active = document.body;
994 element.wrap( wrapper );
996 // Fixes #7595 - Elements lose focus when wrapped.
997 if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
1001 wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually lose the reference to the wrapped element
1003 // transfer positioning properties to the wrapper
1004 if ( element.css( "position" ) === "static" ) {
1005 wrapper.css({ position: "relative" });
1006 element.css({ position: "relative" });
1009 position: element.css( "position" ),
1010 zIndex: element.css( "z-index" )
1012 $.each([ "top", "left", "bottom", "right" ], function(i, pos) {
1013 props[ pos ] = element.css( pos );
1014 if ( isNaN( parseInt( props[ pos ], 10 ) ) ) {
1015 props[ pos ] = "auto";
1019 position: "relative",
1028 return wrapper.css( props ).show();
1031 removeWrapper: function( element ) {
1032 var active = document.activeElement;
1034 if ( element.parent().is( ".ui-effects-wrapper" ) ) {
1035 element.parent().replaceWith( element );
1037 // Fixes #7595 - Elements lose focus when wrapped.
1038 if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
1039 $( active ).focus();
1047 setTransition: function( element, list, factor, value ) {
1048 value = value || {};
1049 $.each( list, function( i, x ) {
1050 var unit = element.cssUnit( x );
1051 if ( unit[ 0 ] > 0 ) {
1052 value[ x ] = unit[ 0 ] * factor + unit[ 1 ];
1059 // return an effect options object for the given parameters:
1060 function _normalizeArguments( effect, options, speed, callback ) {
1062 // allow passing all options as the first parameter
1063 if ( $.isPlainObject( effect ) ) {
1065 effect = effect.effect;
1068 // convert to an object
1069 effect = { effect: effect };
1071 // catch (effect, null, ...)
1072 if ( options == null ) {
1076 // catch (effect, callback)
1077 if ( $.isFunction( options ) ) {
1083 // catch (effect, speed, ?)
1084 if ( typeof options === "number" || $.fx.speeds[ options ] ) {
1090 // catch (effect, options, callback)
1091 if ( $.isFunction( speed ) ) {
1096 // add options to effect
1098 $.extend( effect, options );
1101 speed = speed || options.duration;
1102 effect.duration = $.fx.off ? 0 :
1103 typeof speed === "number" ? speed :
1104 speed in $.fx.speeds ? $.fx.speeds[ speed ] :
1105 $.fx.speeds._default;
1107 effect.complete = callback || options.complete;
1112 function standardAnimationOption( option ) {
1113 // Valid standard speeds (nothing, number, named speed)
1114 if ( !option || typeof option === "number" || $.fx.speeds[ option ] ) {
1118 // Invalid strings - treat as "normal" speed
1119 if ( typeof option === "string" && !$.effects.effect[ option ] ) {
1123 // Complete callback
1124 if ( $.isFunction( option ) ) {
1128 // Options hash (but not naming an effect)
1129 if ( typeof option === "object" && !option.effect ) {
1133 // Didn't match any standard API
1138 effect: function( /* effect, options, speed, callback */ ) {
1139 var args = _normalizeArguments.apply( this, arguments ),
1142 effectMethod = $.effects.effect[ args.effect ];
1144 if ( $.fx.off || !effectMethod ) {
1145 // delegate to the original method (e.g., .show()) if possible
1147 return this[ mode ]( args.duration, args.complete );
1149 return this.each( function() {
1150 if ( args.complete ) {
1151 args.complete.call( this );
1157 function run( next ) {
1158 var elem = $( this ),
1159 complete = args.complete,
1163 if ( $.isFunction( complete ) ) {
1164 complete.call( elem[0] );
1166 if ( $.isFunction( next ) ) {
1171 // If the element already has the correct final state, delegate to
1172 // the core methods so the internal tracking of "olddisplay" works.
1173 if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) {
1177 effectMethod.call( elem[0], args, done );
1181 return queue === false ? this.each( run ) : this.queue( queue || "fx", run );
1184 show: (function( orig ) {
1185 return function( option ) {
1186 if ( standardAnimationOption( option ) ) {
1187 return orig.apply( this, arguments );
1189 var args = _normalizeArguments.apply( this, arguments );
1191 return this.effect.call( this, args );
1196 hide: (function( orig ) {
1197 return function( option ) {
1198 if ( standardAnimationOption( option ) ) {
1199 return orig.apply( this, arguments );
1201 var args = _normalizeArguments.apply( this, arguments );
1203 return this.effect.call( this, args );
1208 toggle: (function( orig ) {
1209 return function( option ) {
1210 if ( standardAnimationOption( option ) || typeof option === "boolean" ) {
1211 return orig.apply( this, arguments );
1213 var args = _normalizeArguments.apply( this, arguments );
1214 args.mode = "toggle";
1215 return this.effect.call( this, args );
1221 cssUnit: function(key) {
1222 var style = this.css( key ),
1225 $.each( [ "em", "px", "%", "pt" ], function( i, unit ) {
1226 if ( style.indexOf( unit ) > 0 ) {
1227 val = [ parseFloat( style ), unit ];
1236 /******************************************************************************/
1237 /*********************************** EASING ***********************************/
1238 /******************************************************************************/
1242 // based on easing equations from Robert Penner (http://www.robertpenner.com/easing)
1244 var baseEasings = {};
1246 $.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) {
1247 baseEasings[ name ] = function( p ) {
1248 return Math.pow( p, i + 2 );
1252 $.extend( baseEasings, {
1253 Sine: function ( p ) {
1254 return 1 - Math.cos( p * Math.PI / 2 );
1256 Circ: function ( p ) {
1257 return 1 - Math.sqrt( 1 - p * p );
1259 Elastic: function( p ) {
1260 return p === 0 || p === 1 ? p :
1261 -Math.pow( 2, 8 * (p - 1) ) * Math.sin( ( (p - 1) * 80 - 7.5 ) * Math.PI / 15 );
1263 Back: function( p ) {
1264 return p * p * ( 3 * p - 2 );
1266 Bounce: function ( p ) {
1270 while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {}
1271 return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 );
1275 $.each( baseEasings, function( name, easeIn ) {
1276 $.easing[ "easeIn" + name ] = easeIn;
1277 $.easing[ "easeOut" + name ] = function( p ) {
1278 return 1 - easeIn( 1 - p );
1280 $.easing[ "easeInOut" + name ] = function( p ) {
1282 easeIn( p * 2 ) / 2 :
1283 1 - easeIn( p * -2 + 2 ) / 2;