登录界面鼠标提醒效果

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</style>
<script src="http://cinderellastory415.github.io/js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
$("#address").focus(function(){
var txt_value = $(this).val();
if (txt_value=="请输入邮箱地址") {
$(this).val("");
}
})
$("#address").blur(function(){
var txt_value = $(this).val();
if (txt_value=="") {
$(this).val("请输入邮箱地址");
}
})
$("#password").focus(function(){
var txt_value = $(this).val();
if (txt_value=="请输入邮箱密码") {
$(this).val("");
}
})
$("#password").blur(function(){
var txt_value = $(this).val();
if (txt_value=="") {
$(this).val("请输入邮箱密码");
}
})
});
</script>
</head>
<body>
<input type="text" value="请输入邮箱地址" style="color:#ccc;" id="address"/>
<br/><br/>
<input type="text" value="请输入邮箱密码" style="color:#ccc;" id="password"/>

</body>
</html>

posted @ 2016-03-09 09:29  此夏_唯美  阅读(185)  评论(0)    收藏  举报