款式插件信息免费素材下载 autoTip

本插件是为输出用户名的提醒信息而写的。性能尽管简略但关于做开发的人来讲每一次写这几行代码也实属繁琐，以是我就把这几行代码写成为了jquery的插件以求当前用起来愈加便捷。
简略阐明：
1.能够主动默许提醒信息，若没有设置则默许值为：用户名/邮箱
2.当input取得焦点时，input的值会被主动肃清；当input得到焦点时，会判别输出值与默许值能否分歧，假如分歧（或空）则再次显示默许提醒信息，若纷歧致（已输出信息）则input值为所输出值
3.此插件是jquery插件，挪用形式为 * $("#xxx").autoTip(); 并能够指定input取得焦点以及得到焦点的CSS款式。如下为参数阐明
+------------------------------------------------------------------------------
* 参数
* @input 入参
* json工具
* @ dvalue input表单提醒默许值
* @ tip 默许提醒信息款式名class
* @ tipnone 正在指定的input执行click时交换的款式名class
+------------------------------------------------------------------------------
*应用办法:
* $("#xxx").autotip();
* @ #xxx 为需求提醒的input的id

插件源码
[code]
$.fn.autoTip = function(G){
/**
+------------------------------------------------------------------------------
* input用户名主动提醒插件
+------------------------------------------------------------------------------
* @author 飞飞
* @version 1.0
* @QQ 276230416
+------------------------------------------------------------------------------
* 参数
* @input 入参
* json工具
* @ dvalue input表单提醒默许值
* @ tip 默许提醒信息款式名class
* @ tipnone 正在指定的input执行click时交换的款式名class
+------------------------------------------------------------------------------
*应用办法:
* $("#xxx").autotip();
* @ #xxx 为需求提醒的input的id
*/
var D;
D = {
dvalue:"用户名/电子邮箱",//表单默许值
tip:"tip", //默许提醒信息款式名class
tipnone:"tipnone" //正在指定的input执行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]