jQuery的浮水印效果-Watermark

222073_1934157603427_1487068_n

製作搜尋功能的時候,很多地方都會有像上面那樣的浮水印效果,點到文字框後就會自動消失了,這次的專案在製作的時候本來想自己寫,後來同事說我的寫法會有把預設字送出去的問題,到網路上一找才發現其實也蠻多外掛可以用的。

首先可以到這邊下載外掛
Watermark Input Plugin

然後只要在你要使用浮水印的地方將外掛指定給他就可以了
$("id").Watermark("浮水印文字","顏色");
觀看效果

留言