手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于JQuery实现鼠标点击文本框显示隐藏提示文本
基于JQuery实现鼠标点击文本框显示隐藏提示文本
摘要:比如本人网站的搜索框:不使用的时候:鼠标点击后:用JQuery实现这个效果非常简单,下面是代码:复制代码代码如下:$(document).r...

比如本人网站的搜索框:

不使用的时候:

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

鼠标点击后:

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

用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实现鼠标点击文本框显示隐藏提示文本】相关文章:

jquery实现点击label的同时触发文本框点击事件的方法

jQuery实现限制textarea文本框输入字符数量的方法

基于jQuery插件实现环形图标菜单旋转切换特效

jQuery实现不断闪烁文字的方法

jQuery实现鼠标经过图片变亮其他变暗效果

jQuery计算文本框字数及限制文本框字数的方法

利用js实现禁止复制文本信息

JavaScript实现单击下拉框选择直接跳转页面的方法

纯javascript实现四方向文本无缝滚动效果

js实现文本框选中的方法

精品推荐
分类导航