Effects: Added fade effect. Needs documentation.

Fixes #4416 - Add fade effect.

diff --git a/demos/effect/default.html b/demos/effect/default.html
index 80272aac9bf7c90e78e56d2d94d03013efc6f5c3..b1ad41052cbebd7db767fef3fae3b6c6fa9e6c97 100644 (file)
--- 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 (file)
index 0000000..abc16d6
--- /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);