站长网_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: 基于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)

最新图文资讯
1 2 3 4 5 6
易采站长站 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助 -