Skip to content
Permalink
Browse files

Effects: Added fade effect. Needs documentation.

Fixes #4416 - Add fade effect.
  • Loading branch information...
scottgonzalez committed Nov 13, 2009
1 parent c252e44 commit bddf0fdb7738f2a7a36a0cce7105de0a781da293
Showing with 34 additions and 0 deletions.
  1. +2 −0 demos/effect/default.html
  2. +32 −0 ui/jquery.effects.fade.js
@@ -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 @@ <h3 class="ui-widget-header ui-corner-all">Effect</h3>
<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>
@@ -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);

0 comments on commit bddf0fd

Please sign in to comment.
You can’t perform that action at this time.