摘要:<body> <div class="header"> <a href="index.html"> <img src="img
<body>
<div class="header">
<a href="index.html">
<img src="img/5.png" />
</a>
</div>
<div class="contents">
<div class="login_content">
<div class="login_form">
<div class="login_form_main">
<p style="color:#ff6700" id="regTabs_0" onclick="ChangeReg('0','register_',1)">账号登陆</p>
<span>|</span>
<p style="color:#ff6700" id="regTabs_1" onclick="ChangeReg('1','register_',1)">扫码登陆</p>
</div>
<div class="clear"></div>
<div class="login_form_content" id="register_0">
<form>
<input type="text" name = "" placeholder="邮箱/手机号/小米ID "/>
<input type="password" name ="" placeholder="密码" />
<button >登陆</button>
</form>
<h6><a href="#" style="color: #FF6A00;">手机短信登录/注册</a><span><a href="#">立即注册</a> | <a href=""> 忘记密码?</a></span></h6>
<div class="clear"></div>
<div class="login_form_pic">
<p>其他方式登录</p>
<ul>
<li style="margin-right: 35px;" class="login_form_pic1"><i class="fa fa-qq"></i> </li>
<li style="margin-right: 35px;" class="login_form_pic2"><i class="fa fa-weibo"></i> </li>
<li style="margin-right: 35px;" class="login_form_pic3"><i class="fa fa-twitter-square"></i></li>
<li class="login_form_pic4"><i class="fa fa-weixin"></i> </li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="login_form_content0" style="display:none;" id="register_1">
<img src="img/下载.png" />
<p>使用<span style="color:#ff6700">小米商城APP</span>扫一扫</p>
<p>小米账号打开</p>
</div>
</div>
</div>
</div>
<p style="margin-top: 60px;">简体<span>|</span>繁体<span>|</span>English<span>|</span> 常见问题<span>|</span> 隐私政策</p>
<p>小米公司版权所有-京ICP备10046444-<img src="img/ghs.png"> 京公网安备11010802020134号-京ICP证110507号</p>
<script type="text/javascript">
function ChangeReg(divId,divName,Count){
for(var i = 0 ; i<= Count; i++){
document.getElementById(divName+i).style.display="none";
}
document.getElementById(divName+divId).style.display="block";
if(divId==0){
document.getElementById("regTabs_0").style.color="#ff6a00";
document.getElementById("regTabs_1").style.color="#757575";
}
if(divId==1){
document.getElementById("regTabs_0").style.color="#757575";
document.getElementById("regTabs_1").style.color="#ff6a00";
}
}
</script>
</body>
</html>
批改老师:西门大官人批改时间:2019-04-20 13:08:02
老师总结:代码写的比较规范,最好上传一下运行的效果图。