input框内灰色提示性文本

/*-------------------------------------- html 代码 -----------------------------------*/

<input type="text" value="例如：丽江"   class="grayTips" />
<input type="text"   value="您的用户名"   class="input-style1 grayTips"/>

/*--------------------------------------- JQ 代码 ----------------------------------------*/

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，效果出来了
})