本插件是為輸入用戶名的提示信息而寫的。功能雖然簡單但對于做開發(fā)的人來說每次寫這幾行代碼也實屬繁瑣，所以我就把這幾行代碼寫成了jquery的插件以求以后用起來更加便捷。
簡單說明：
1.可以自動默認(rèn)提示信息，若不設(shè)置則默認(rèn)值為：用戶名/郵箱
2.當(dāng)input獲得焦點時，input的值會被自動清除；當(dāng)input失去焦點時，會判斷輸入值與默認(rèn)值是否一致，如果一致（或空）則再次顯示默認(rèn)提示信息，若不一致（已輸入信息）則input值為所輸入值
3.此插件是jquery插件，調(diào)用方式為 * $("#xxx").autoTip(); 并可以指定input獲得焦點和失去焦點的CSS樣式。以下為參數(shù)說明
+------------------------------------------------------------------------------
* 參數(shù)
* @input 入?yún)?
* json對象
* @ dvalue input表單提示默認(rèn)值
* @ tip 默認(rèn)提示信息樣式名class
* @ tipnone 在指定的input執(zhí)行click時替換的樣式名class
+------------------------------------------------------------------------------
*使用方法:
* $("#xxx").autotip();
* @ #xxx 為需要提示的input的id

插件源碼
[code]
$.fn.autoTip = function(G){
/**
+------------------------------------------------------------------------------
* input用戶名自動提示插件
+------------------------------------------------------------------------------
* @author 飛飛
* @version 1.0
* @QQ 276230416
+------------------------------------------------------------------------------
* 參數(shù)
* @input 入?yún)?
* json對象
* @ dvalue input表單提示默認(rèn)值
* @ tip 默認(rèn)提示信息樣式名class
* @ tipnone 在指定的input執(zhí)行click時替換的樣式名class
+------------------------------------------------------------------------------
*使用方法:
* $("#xxx").autotip();
* @ #xxx 為需要提示的input的id
*/
var D;
D = {
dvalue:"用戶名/電子郵箱",//表單默認(rèn)值
tip:"tip", //默認(rèn)提示信息樣式名class
tipnone:"tipnone" //在指定的input執(zhí)行click時替換的樣式名class
};
$.extend(D,G);
if ($(this).val()==""){
$(this).val(D.dvalue)
.addClass(D.tip)
.click(function(){
if($(this).val()==D.dvalue){
$(this).val("");
$(this).removeClass(D.tip);
$(this).addClass(D.tipnone);
}
})
.blur(function(){
if($(this).val()==""){
$(this).removeClass(D.tipnone);
$(this).addClass(D.tip);
$(this).val(D.dvalue);
}
});
};
}
[/code]