JQuery文本框高亮显示插件代码【jquery】

web前端|js教程

文本框,高亮显示

web前端-js教程

代码如下：

glib源码下载,ubuntu拷贝文件路径,tomcat设置下载文件,行业信息爬虫,php后端难学吗,无锡seo优化网络推广十大排名lzw

jquery-highlight.js

dedecms 5.7源码,vscode无法读取文件,Ubuntu增加终端,tomcat跨系统吗,第一个sqlite,爬虫进一步学什么,php的魔术变量,seo顾问优化推广软件,网络营销网站源码,bootstrap 炫酷模板lzw

/*

description:TextBox HighLight

author: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) == undefined) {

var _bgColor = sender.css(ackground-color);

sender.css({ ackground-color: options.lightColor });

if (options.isFocus) {

sender.focus();

}

sender.attr(light, true);

window.setTimeout(function() {

sender.removeAttr(light);

sender.css({ ackground-color: _bgColor });

}, options.lightTime);

}

});

}

})(jQuery);

Html代码：

qq导航源码,vscode一直报错,ubuntu 更改汉语,阿里云部署 tomcat,爬虫的sleep,smarty 包含php,seo连衣裙关键词,找大师 网站源码下载,网站模板网站源码lzw

调用方法：

$(document).ready(function() {

$(#btnHighLight).click(function() {

$(#txtBox).highlight({lightColor: ed, lightTime: 1000 });

$(#txtPwd).highlight({ lightTime: 1000 });

});

});

效果如下：