diff options
| -rw-r--r-- | demos/effect/default.html | 2 | ||||
| -rw-r--r-- | ui/jquery.effects.fade.js | 32 |
2 files changed, 34 insertions, 0 deletions
diff --git a/demos/effect/default.html b/demos/effect/default.html index 80272aac9..b1ad41052 100644 --- a/demos/effect/default.html +++ b/demos/effect/default.html @@ -10,6 +10,7 @@ <script type="text/javascript" src="../../ui/jquery.effects.clip.js"></script> <script type="text/javascript" src="../../ui/jquery.effects.drop.js"></script> <script type="text/javascript" src="../../ui/jquery.effects.explode.js"></script> + <script type="text/javascript" src="../../ui/jquery.effects.fade.js"></script> <script type="text/javascript" src="../../ui/jquery.effects.fold.js"></script> <script type="text/javascript" src="../../ui/jquery.effects.highlight.js"></script> <script type="text/javascript" src="../../ui/jquery.effects.pulsate.js"></script> @@ -78,6 +79,7 @@ <option value="clip">Clip</option> <option value="drop">Drop</option> <option value="explode">Explode</option> + <option value="fade">Fade</option> <option value="fold">Fold</option> <option value="highlight">Highlight</option> <option value="puff">Puff</option> diff --git a/ui/jquery.effects.fade.js b/ui/jquery.effects.fade.js new file mode 100644 index 000000000..abc16d6ae --- /dev/null +++ b/ui/jquery.effects.fade.js @@ -0,0 +1,32 @@ +/* + * jQuery UI Effects Fade @VERSION + * + * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT (MIT-LICENSE.txt) + * and GPL (GPL-LICENSE.txt) licenses. + * + * http://docs.jquery.com/UI/Effects/Fade + * + * Depends: + * jquery.effects.core.js + */ +(function($) { + +$.effects.fade = function(o) { + return this.queue(function() { + var elem = $(this), + mode = $.effects.setMode(elem, o.options.mode || 'hide'); + + elem.animate({ opacity: mode }, { + queue: false, + duration: o.duration, + easing: o.options.easing, + complete: function() { + (o.callback && o.callback.apply(this, arguments)); + elem.dequeue(); + } + }); + }); +}; + +})(jQuery); |