基于JQuery实现鼠标点击文本框显示隐藏提示文本

比如本人网站的搜索框：

不使用的时候：

鼠标点击后：

用JQuery实现这个效果非常简单，下面是代码：

$(document).ready(function () { 
var searchBox = $("#ctl00_txtSearch"); 
searchBox.focus(function () { 
if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性 
searchBox.val(""); 
} 
}); 
searchBox.blur(function () { 
if (searchBox.val() == "") { 
searchBox.val(this.title); 
} 
}); 
searchBox.blur(); 
}); 

您可能感兴趣的文章:

• Jquery实现显示和隐藏的4种简单方式
• jquery和js实现对div的隐藏和显示方法
• jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
• Jquery 点击按钮显示和隐藏层的代码
• jQuery控制TR显示隐藏的几种方法
• jQuery动态显示和隐藏datagrid中的某一列的方法
• Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
• JQuery显示、隐藏div的几种方法简明总结
• jQuery控制TR显示隐藏的三种常用方法
• jquery显示和隐藏div特效实例
• jQuery的显示和隐藏方法与css隐藏的样式对比
• jQuery简单实现列表隐藏和显示效果示例