r3447 committed - Effects: Added fade effect. Needs documentation....

r3447 committed - Effects: Added fade effect. Needs documentation....

Revision: 3447
Author: scott.gonzalez
Date: Thu Nov 12 20:35:47 2009
Log: Effects: Added fade effect. Needs documentation.
Fixes #4416 - Add fade effect.
http://code.google.com/p/jquery-ui/source/detail?r=3447
Added:
/trunk/ui/jquery.effects.fade.js
Modified:
/trunk/demos/effect/default.html
=======================================
--- /dev/null
+++ /trunk/ui/jquery.effects.fade.js    Thu Nov 12 20:35:47 2009
@@ -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);
=======================================
--- /trunk/demos/effect/default.html    Thu Sep 17 03:39:12 2009
+++ /trunk/demos/effect/default.html    Thu Nov 12 20:35:47 2009
@@ -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>
--