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

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