Posted in Javascript onFebruary 23, 2012
比如本人网站的搜索框:
不使用的时候:
鼠标点击后:
用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实现鼠标点击文本框显示隐藏提示文本
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@