宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-10-20

代码如下:jquery-高光。射流研究…复制代码代码如下:/* description : textbox HighLight作者:刘嘉楠*/(函数($){ $)。fn。HighLight=函数(选项){ var DefaultOpt={ light color : '黄色',/*高亮时的颜色*/lightTime: 1000,/*高亮时长(单位:毫秒)*/isFocus: true /*是否获取焦点*/};选项=$。扩展(defaultOpt,选项);返回这个。每个(function(){ var sender=$(this);if(发送方。attr(' light ')==未定义){ var _ bgColor=sender。CSS('背景色');发送者。CSS({ '背景色' :选项。light COlOr });if(选项。IsFocus){ sender。焦点();} sender.attr('light ',true);window.setTimeout(函数(){发件人。remove attr(' light ');发送者。CSS({ '底色' : _ bgColor });},选项。light time);} });} })(jQuery);超文本标记语言代码:复制代码代码如下:输入类型='text' id='txtBox' /输入类型=' password ' id=' TxTWd '/输入类型=' button ' id=' btnHighLight '值='突出显示'/调用方法:复制代码代码如下:脚本src=' http :脚本/jquery-1。5 .1 .量滴js ' type=' text/JavaScript '/脚本脚本src=' http :脚本/jquery-highlight。js ' type=' text/JavaScript '/脚本脚本类型='text/javascript' $(文档)。ready(function(){ $(' # btnhhighlight ')).单击(function() { $('#txtBox ').高亮显示({lightColor: '红色,LightTime : { 1000 });$(' # TxTWd ').高亮显示({光照时间: 1000 });});});/script效果如下

更多资讯
游戏推荐
更多+