一个简单的jQuery文本框水印插件的实现
用jQuery实现文本框的水印效果很容易，效果如下：代码段定义文本框的方式将水印：水印效果。{颜色：# cccccc；}
Javaｓｃｒｉｐｔ代码被封装到jQuery的插件中：
（函数（$）{）
美元。fn.watermark =功能（选项）{
var设置=扩展（{
watermarktext：什么输入
类名：水印
}，选项）；
返回this.each（函数（）{如果（$（this）。瓦迩（长度）= 0美元| |（这）（。Val）= =设置。watermarktext）{
初始化水印文本和类
$（这）。瓦迩（设置。watermarktext）。AddClass（设置方法）；}
如果模糊和没有值，则设置水印文本和类。
$（this）Blur（函数（）{）
如果（$）（这个）（长度= 0）{
$（这）。瓦迩（设置。watermarktext）。AddClass（设置方法）；
}
}）；
/ /如果焦点和文本watermrk，设置它为空和删除
$（这个）焦点（函数（）{）
如果（美元。Val）（这）（= =设置。watermarktext）{
$（这）。瓦迩（），RemoveClass（设置方法）；
}
}）；
}）；
}
}）（jQuery）；
然后直接在页面上使用它：
$（文档）Ready（函数（）{）
$（# tb_search水印（{）。
watermarktext：在车站搜索
类名：水印
}）；
}）；
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。