mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-12-23 01:24:22 +00:00
61 lines
1.2 KiB
JavaScript
61 lines
1.2 KiB
JavaScript
/*!
|
|
* jQuery UI Effects Highlight @VERSION
|
|
* https://jqueryui.com
|
|
*
|
|
* Copyright OpenJS Foundation and other contributors
|
|
* Released under the MIT license.
|
|
* https://jquery.org/license
|
|
*/
|
|
|
|
//>>label: Highlight Effect
|
|
//>>group: Effects
|
|
//>>description: Highlights the background of an element in a defined color for a custom duration.
|
|
//>>docs: https://api.jqueryui.com/highlight-effect/
|
|
//>>demos: https://jqueryui.com/effect/
|
|
|
|
( function( factory ) {
|
|
"use strict";
|
|
|
|
if ( typeof define === "function" && define.amd ) {
|
|
|
|
// AMD. Register as an anonymous module.
|
|
define( [
|
|
"jquery",
|
|
"../version",
|
|
"../effect"
|
|
], factory );
|
|
} else {
|
|
|
|
// Browser globals
|
|
factory( jQuery );
|
|
}
|
|
} )( function( $ ) {
|
|
"use strict";
|
|
|
|
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
|
|
} );
|
|
} );
|
|
|
|
} );
|