欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery文本框高亮顯示插件代碼

 更新時間：2011年04月02日 00:13:41   作者：  
JQuery 中沒有文本框高亮顯示這個插件，自己今天寫了一個Plugin，把代碼貼出來分享一下
代碼如下：

jquery-highlight.js

復(fù)制代碼 代碼如下:

/*
description:TextBox HighLight
author:Allen Liu
*/
(function($) {
$.fn.highlight = function(options) {
var defaultOpt = {
lightColor: 'yellow', /* 高亮?xí)r的顏色 */
lightTime: 1000, /* 高亮?xí)r長 （單位：毫秒） */
isFocus: true /* 是否獲取焦點 */
};

options = $.extend(defaultOpt, options);
return this.each(function() {
var sender = $(this);
if (sender.attr('light') == undefined) {
var _bgColor = sender.css('background-color');
sender.css({ 'background-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代碼：
復(fù)制代碼 代碼如下:

<input type="text" id="txtBox" />
<input type="password" id="txtPwd" />
<input type="button" id="btnHighLight" value="highlight" />

調(diào)用方法：
復(fù)制代碼 代碼如下:

<script src="Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-highlight.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#btnHighLight').click(function() {
$('#txtBox').highlight({lightColor:'red', lightTime: 1000 });
$('#txtPwd').highlight({ lightTime: 1000 });
});
});
</script>

效果如下：

相關(guān)文章

最新評論