比如本人网站的搜索框:
不使用的时候:
鼠标点击后:
用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)