用JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本
比如本人網(wǎng)站的.搜索框：
不使用的時(shí)候：
鼠標(biāo)點(diǎn)擊后：
用JQuery實(shí)現(xiàn)這個(gè)效果非常簡(jiǎ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獲取這個(gè)ID）
【用JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本】相關(guān)文章：
1.關(guān)于jQuery實(shí)現(xiàn)鼠標(biāo)單擊網(wǎng)頁文字后在文本框顯示的方法介紹
3.jQuery實(shí)現(xiàn)網(wǎng)頁進(jìn)度顯示插件方法
4.實(shí)現(xiàn)jQuery鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法
5.關(guān)于jQuery實(shí)現(xiàn)高亮顯示的方法介紹
6.jQuery控制元素顯示隱藏切換滑動(dòng)的方法總結(jié)