jQuery로 검색 상자 효과 구현

Last modified:2013-06-13 12:56:21
**********************************
     :
  :<input type="text" id="tid"/><input type="button" value="  " onClick="todo();"/>
<script type="text/javascript">
	$(function(){
		$("#tid").val("      ").addClass("wait")
		.blur(function(){
			if($(this).val()==""){
				$("#tid").val("      ").addClass("wait");
			}
		}).focus(function(){
				if($(this).val()=="      "){
				$("#tid").val("").removeClass("wait");
			}
		});
	});
	function todo(){
		var word = $("#tid").val();
		if(word == "      " && $("#tid").hasClass("wait")){
			alert("         ");
			return;
			}
		window.location = "http://www.baidu.com/s?word="+word;
		}
</script>

좋은 웹페이지 즐겨찾기