JS效果——鼠标(焦点)移入时为空，移开时变为默认值

 1.js代码：

	<script type="text/javascript">
			$(function(){
			$(".txt_name").mouseover(function(){
					$(this).addClass("blue").val("");
			}).mouseout(function(){
			        $(this).removeClass();
				if($(".txt_name").val()==null){
						$(this).val("输入手机号码或者邮箱");
					}
			})
			
			$(".txt_pwd").mouseover(function(){
					$(this).addClass("blue").val("");
			}).mouseout(function(){
			$(this).removeClass();
				if($(".txt_name").val()==null){
						$(this).val("输入密码");
					}
			})
			
			$(".txt_yzm").mouseover(function(){
					$(this).addClass("blue").val("");
			}).mouseout(function(){
			$(this).removeClass();
				if($(".txt_yzm").val()==null){
						$(this).val("输入验证码");
					}
			}
			)
			
			})

				
		
		</script>

 2.html设置一个 blue样式 ： 

       <sty