基于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();
});

其中#ctl00_txtSearch是搜索框的ID(ASP.NET可以通过ClientID获取这个ID)



相关阅读:
解决jquery的.animate()函数在IE6下的问题
详细讲解Oracle数据库SYS密码的找回方法
javascript 面向对象编程 function也是类
CSS代码是否合理?是否优化?
Linux/Ubuntu chmod命令详解使用格式和方法
Windows操作系统文件夹设置权限解决办法
使用Javascript让某个HTML区块的链接失效
让Windows7系统更加安全的系统安全设置
SQL Server用索引视图查看性能状况
PHP实例教程(1):构建基于PHP的微博客服务
用JavaScript绘图 ——JS2D函数集
DIV+CSS常用的网页布局代码
ASP关于类的Let,Set和Get的用法的异同
一段非常简单的让图片自动切换js代码
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4