JQuery テキスト ボックス ハイライト プラグイン code_jquery

コードは次のとおりです。

jquery-highlight.js

コードをコピーします コードは次のとおりです。

/*
description:TextBox HighLight
著者:Allen Liu
*/
(function($) {
$.fn.highlight = function(options) {
var defaultOpt = {
lightColor: ' yellow', /* ハイライト色 */
lightTime: 1000, /* ハイライト期間 (単位: ミリ秒) */
isFocus : true / * フォーカスを取得するかどうか*/

options = $.extend(defaultOpt, options);
return this.each(function() {
var sender = $(this) ;
if (sender.attr('light') == 未定義) {
var _bgColor = sender.css('background-color'); -color': options.lightColor });
if (options.isFocus) {
sender.focus();

sender.attr('light', true);
window .setTimeout(function() {
sender.removeAttr('light');
sender.css({ 'background-color': _bgColor });
}, options.lightTime) ;
}
});
}
})(jQuery);



>
コードをコピーします

コードは次のとおりです。

メソッド:

コードをコピー

コードは次のとおりです:

効果は次のとおりです。