JQuery 텍스트 상자 강조 표시 플러그인 code_jquery

코드는 다음과 같습니다.

jquery-highlight.js

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

/*
설명: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('배경색')
sender.css({ '배경 -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)

HTML 코드:

코드 복사 코드는 다음과 같습니다.

전화 방법:

코드 복사 코드는 다음과 같습니다.

효과는 다음과 같습니다.