<script type='text/javascript' src='https://www.erobo.net/scripts/dhtml/7/scripts/jquery.min.js'></script> 


<script language="javascript">

$(function () {
  $("#srch_text").focus(function () {
    $(this).animate({            
      width: '180px',
      height: '13px'
     },
     "slow"
      )
   });

   $("#srch_text").blur(function () {
     $(this).delay(1000);
       if($(this).val() == ""){

         $(this).animate({            
           width: '130px',
           height: '13px'
         },
         "slow"
         );
         $(this).val("Search");
         }
    });

})

</script>

<input type="text" value="Search" id="srch_text" name="thisSearch"
 style="height:13px;width:130px;"; 
onclick="if(this.value == 'Search'){this.value='';}"/>