本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法。分享给大家供大家参考,具体如下:
rush:js;">
$(function(){
$(".grayTips").each(function(){ //遍历每个文本框
var objTextBox=$(this);
var oldText=$.trim(objTextBox.val());
objTextBox.css("color","#888");
objTextBox.focus(function(){
if(objTextBox.val()!=oldText){
objTextBox.css("color","#000");
}
else{
objTextBox.val("").css("color","#888");
}
});
objTextBox.blur(function(){
if(objTextBox.val()==""){
objTextBox.val(oldText).css("color","#888");
}
});
objTextBox.keydown(function(){
objTextBox.css("color","#000");
});
});
});
说明:需要引入jquery.js文件 input和TextBox都有效
rush:js;">
$(function(){
$(".grayTip").each(function(){
var $input=$(this);
$input.css("color","#888");
var oldText=$.trim($input.val());
$input.focus(function(){
var newText=$.trim($input.val());
if (newText==oldText){
$input.val("");
}
$input.css("color","#000");
});
$input.blur(function(){
var newText=$.trim($input.val());
if(newText==""){
$input.val(oldText);
$input.css("color","#888");
}
});
});
});
希望本文所述对大家jQuery程序设计有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。