function blurInput(objName, strTip)
{
$(objName).attr('tip', strTip).val(strTip).css({color: '#CCCCCC'});
$(objName).focus(
function()
{
$(this).css({color: '#000000'}).val("");
}
)
.blur(
function()
{
if ($(this).val() == "")
{
$(this).val($(this).attr('tip')).css({color: '#CCCCCC'});
}
}
);
}
在$(document).ready中调用该函数即可让文本框显示提示文字,并在点击后消失。
如:
$(document).ready
{
function()
{
blurInput('#username', '用户名');
blurInput('#email', '邮箱地址');
}
}