- 时间：2021-03-10 14:05 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：基于JQuery实现鼠标点击文本框显示隐藏提示文本
比如本人网站的搜索框：
不使用的时候：
[img]http://files.jb51.net/upload/201202/20120223225530308.PNG[/img]
鼠标点击后：
[img]http://files.jb51.net/upload/201202/20120223225531775.PNG[/img]
用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();
});
其中#ctl00_txtSearch是搜索框的ID（ASP.NET可以通过ClientID获取这个ID）
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
