<!DOCTYPE?html>
<html??>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>制作YY安全中心登錄框特效?</title>
<script?type="text/javascript"?src="./js/jquery-1.8.3.min.js"?></script>
<style?type="text/css"?>
*{
????margin:0px;
????padding:0px;
????font-size:12px;
}
#login{
????position:relative;
????height:282px;
????width:494px;?
????background:url(images/bg.jpg)?no-repeat;
}
#login?input.text{
????position:absolute;?
????height:26px;
????line-height:26px;
????color:#999;
????width:207px;
}
.username{
????left:183px;
????top:105px;
}
.passwrd{
????left:183px;
????top:145px;
}
input.btn{
????position:absolute;?
????left:183px;
????top:190px;?
????height:32px;
????line-height:32px;
????width:100px;?
????background:url(images/btn.jpg)?no-repeat;
????border:none;
????cursor:?pointer;
}
#msg{
????position:absolute;
????left:183px;
????top:230px;
????color:red;
}
</style>
<script?type="text/javascript">
??????$(document).ready(function()?{
??????????$("input[name^='user']").focus(function()?{
??????????????var?str?=?$(this).val();
??????????????if(str?==?"通行賬號/郵箱")?{
??????????????????$(this).val("");
??????????????}
??????????});
??????????
//???????????$("[name=username]").blur(function()?{
//???????????????var?str?=?$(this).val();
//???????????????if(str?==?'')?{
//???????????????????$(this).val("通行賬號/郵箱");??//指代觸發該事件的jquery對象
//???????????????}
//???????????});
??????????var?$obj?=?$("[name=username]");
??????????$obj.blur(function()?{
??????????????var?str?=?$obj.val();
??????????????if(str?==?'')?{
??????????????????$obj.val("通行賬號/郵箱");
??????????????}
??????????});
??????????$("input[name='sub']").click(function()?{
??????????????if($("[name=username]").val()?==?"通行賬號/郵箱"?||?$("[name='password']").val()?==?"")?{
??????????????????$("p").addClass("msg").text("請輸入賬號密碼");
??????????????}else{
??????????????????$("p").css("color","green").html("登陸成功");
??????????????}
??????????});
??????});
</script>
</head>
<body>
?<div?id="login">
?????<form>
????????<input?type="text"?name='username'?class='text?username'?value="通行賬號/郵箱"?/>
????????<input?type="password"?name='password'?class='text?passwrd'?value=""/>
????????<input?type="button"?name='sub'??class='btn'?value="?"/>
????????<p?id="msg"></p>
????</form>
?</div>
????<div?id="1"></div>
</body>
</html>上面的代碼，我先輸入賬號和密碼，再點擊登錄，顯示綠色登錄成功。這時令賬號和密碼中的至少一項為空，再次登錄，卻顯示的是綠色的請輸入賬號密碼，本應是紅色字體。要是第一步就讓賬號或密碼為空的話，就能得到想要的結果，紅色的請輸入賬號密碼。求指教
添加回答
舉報
0/150
提交
取消