jQuery 百分网手机站

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

时间:2018-04-17 16:20:21 jQuery 我要投稿

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

  比如本人网站的.搜索框:

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

1.jquery显示和隐藏div特效的实例

2.关于jQuery实现鼠标单击网页文字后在文本框显示的方法介绍

3.jQuery实现网页进度显示插件方法

4.有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)

5.jquery之超简单的div显示和隐藏特效demo简介

6.建立word文本框的方法

7.如何建立word文本框

8.怎么去掉Word文本框