用JQuery實現(xiàn)鼠標(biāo)點擊文本框顯示隱藏提示文本
比如本人網(wǎng)站的搜索框：
不使用的時候：
鼠標(biāo)點擊后：
用JQuery實現(xiàn)這個效果非常簡單，下面是代碼：
復(fù)制代碼 代碼如下:
$(document).ready(function () {
var searchBox = $("#ctl00_txtSearch");
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip屬性轉(zhuǎn)換為Html為title屬性
searchBox.val("");
}
});
searchBox.blur(function () {
if (searchBox.val() == "") {
searchBox.val(this.title);
}
});
searchBox.blur();
});
其中#ctl00_txtSearch是搜索框的ID（ASP.NET可以通過ClientID獲取這個ID）
【用JQuery實現(xiàn)鼠標(biāo)點擊文本框顯示隱藏提示文本】相關(guān)文章：
關(guān)于jQuery實現(xiàn)高亮顯示的方法介紹08-20
jquery之超簡單的div顯示和隱藏特效demo簡介05-15
關(guān)于jquery簡單圖片切換顯示效果實現(xiàn)方法介紹10-01
怎么去掉Word文本框02-18
word文本框的小技巧11-30
隱藏的文件怎么顯示09-29
實現(xiàn)鼠標(biāo)畫圖的Java程序06-22
隱藏的文件夾怎么顯示08-02
鼠標(biāo)點擊桌面無效該怎么辦07-17