宝哥软件园

基于JQuery 点击文本框显示隐藏的提示文本

编辑:宝哥软件园 来源:互联网 时间:2021-10-11

比如我网站的搜索框:不用的时候:

点击鼠标后:

用JQuery实现这个效果非常简单,下面是代码:复制代码如下: $(文档)。ready(function(){ var search box=$(' # CTL 00 _ txt search ');search box . focus(function(){ if(search box . val()==this . title){//textbox控件的ToolTip属性转换为Html作为title属性search box . val(');} });searchbox . blur(function(){ if(searchbox . val()=' '){ searchbox . val(this . title);} });search box . blur();});其中#ctl00_txtSearch是搜索框的ID(ASP.NET可以通过ClientID获取这个ID)。

更多资讯
游戏推荐
更多+