手机
当前位置:查字典教程网 >编程开发 >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实现鼠标点击文本框显示隐藏提示文本】相关文章:

js实现文本框选中的方法

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

JavaScript实现鼠标点击后层展开效果的方法

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

基于jQuery实现的无刷新表格分页实例

js实现鼠标划过给div加透明度的方法

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

JavaScript实现点击自动选择TextArea文本的方法

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

JavaScript实现带标题的图片轮播特效

精品推荐
分类导航