当前位置: 编程技术>jquery
jQuery设置input文本框内灰色提示效果
来源: 互联网 发布时间：2014-10-07
本文导语: 一、jQuery实现input文本框内灰色提示文本效果 代码示例: input test function inputTipText(){ $("input[class*=grayTips]") //所有样式名中含有grayTips的input .each(function(){ var oldVal=$(this).val(); //默认的提...
一、jQuery实现input文本框内灰色提示文本效果
代码示例:
input test
function inputTipText(){
$("input[class*=grayTips]") //所有样式名中含有grayTips的input
.each(function(){
var oldVal=$(this).val(); //默认的提示性文本
$(this)
.css({"color":"#888"}) //灰色
.focus(function(){
if($(this).val()!=oldVal){$(this).css({"color":"#000"})}else{$(this).val("").css({"color":"#888"})}
})
.blur(function(){
if($(this).val()==""){$(this).val(oldVal).css({"color":"#888"})}
})
.keydown(function(){$(this).css({"color":"#000"})})
})
}
$(function(){
inputTipText(); //直接调用就OK了
})
二、input标签获取焦点时文本框内提示信息清空
代码示例:
获取焦点时文本框内提示信息清空-www.
function addLoadEvent(func){
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
function checkText(){
var textId = document.getElementById('test');
//设置文本框中的字体颜色为灰色
document.getElementById('test').style.color='#C0C0C0';
var textDefault = '中文';
function cls(){
if (this.value == textDefault){
this.value = '';
}
}
function res(){
if (this.value == ''){
this.value = textDefault;
}
}
textId.onfocus = cls;
textId.onblur = res;
}
addLoadEvent (checkText);
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。