aboutsummaryrefslogtreecommitdiffstats
path: root/ui/effects/effect-highlight.js
diff options
context:
space:
mode:
Diffstat (limited to 'ui/effects/effect-highlight.js')
-rw-r--r--ui/effects/effect-highlight.js57
1 files changed, 57 insertions, 0 deletions
diff --git a/ui/effects/effect-highlight.js b/ui/effects/effect-highlight.js
new file mode 100644
index 000000000..2ab587939
--- /dev/null
+++ b/ui/effects/effect-highlight.js
@@ -0,0 +1,57 @@
+/*!
+ * jQuery UI Effects Highlight @VERSION
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+
+//>>label: Highlight Effect
+//>>group: Effects
+//>>description: Highlights the background of an element in a defined color for a custom duration.
+//>>docs: http://api.jqueryui.com/highlight-effect/
+//>>demos: http://jqueryui.com/effect/
+
+( function( factory ) {
+ if ( typeof define === "function" && define.amd ) {
+
+ // AMD. Register as an anonymous module.
+ define( [
+ "jquery",
+ "../version",
+ "../effect"
+ ], factory );
+ } else {
+
+ // Browser globals
+ factory( jQuery );
+ }
+}( function( $ ) {
+
+return $.effects.define( "highlight", "show", function( options, done ) {
+ var element = $( this ),
+ animation = {
+ backgroundColor: element.css( "backgroundColor" )
+ };
+
+ if ( options.mode === "hide" ) {
+ animation.opacity = 0;
+ }
+
+ $.effects.saveStyle( element );
+
+ element
+ .css( {
+ backgroundImage: "none",
+ backgroundColor: options.color || "#ffff99"
+ } )
+ .animate( animation, {
+ queue: false,
+ duration: options.duration,
+ easing: options.easing,
+ complete: done
+ } );
+} );
+
+} ) );