网易邮箱 html scc js

html部分

考试模板

	

		

			
			

				基本版 |
				English |
				手机版 |
				企业邮箱
			
		

		

			
			
			

				
				
				
				



				
				

					
 公告：2019年网易免费邮箱积分处理通知
					
邮箱账号登录


					
@163.com
					

						

						

						
					
					
忘记密码  |   注册新号
				
				
		
		
		

• 网易首页 | 网易严选 | 网易有钱 | 隐私政策 | 儿童隐私政策 | 网易公司版权所有 ©1998 - 2019 Tencent Inc. All Rights Reserved.

scc部分

#fud{
width: 300px;
height: 100px;

float: left;
clear: both;

}

#qq{
position: absolute;
top: 95px;
right: 90px;
z-index: 1;
}

.nav{
/开头的图片，向右浮动/
float: right;
/设置定位元素的上外边距边界与其包含块上边界之间的偏移。/
margin-top:40px;
/设置定位元素右外边距边界与其包含块右边界之间的偏移。/
margin-right:40px;
letter-spacing: 0.5px;
}
. nav a{
color:white;
/删除下划线 在CSS中，使用text-decoration属性来定义段落文本的下划线、删除线和顶划线。/
text-decoration: none;
}

/中间的东西/

/中间的轮播图/
#zuotu{
width: 100%;
height: 100%;
}
#yznheng{
position: absolute;
top: 100px;
right: 200px;
z-index: 1;
}
/点击图二级菜单/

#k1{
position: absolute;
top: 10px;
right: 390px;
}
#k2{
position: absolute;
top: 110px;
right: 390px;
}
#k3{
position: absolute;
top: 210px;
right: 390px;
}

#kkk{
position: absolute;
top: 100px;
right: 80px;
display: none;
z-index: 1;
}
#kkk1{
position: absolute;
top: 100px;
right: 80px;
display: none;
z-index: 1;
}
#kkk2{
position: absolute;
top: 100px;
right: 80px;
display: none;
z-index: 1;
}

/账号/
.zh{text-align: center;

}
/公告字体颜色/
#zz{
color: yellow;
}
/验证框/
.one{
width: 282px;
height: 38px;
margin-bottom: 15px; ;

}
/验证框里面的div/
#kuang{
position: absolute;
top: 100px;
right: -80px;
}

/忘记 注册/
#wj{
position: absolute;
top: 300px;
right: 110px;
}

.wuxu{
list-style-type:none;
text-align: center;
/浮动向右/
float: right;
/设置定位元素的上外边距边界与其包含块上边界之间的偏移。/
margin-top:0px;
/设置定位元素右外边距边界与其包含块右边界之间的偏移。/
margin-right:200px;

position: absolute;
top: 555px;
right: 10px;

}

js部分
/**

• Created by 电一 on 2019/12/20.
  */
  var zhobj=document.getElementById(“zh”)
  var mimobj=document.getElementById(“mim”)
  var cccobj=document.getElementById(“ccc”)

cccobj. οnclick=function () {
{
if (zhobj.value == “admin” && mimobj.value == 123456) {
alert(“欢迎管理员回家！”)
} else if (!(mimobj == “123456”)) {
alert(“您输入的账户密码错误，请重新输入”)
location.href = “模板.html”
}
}}

function sj() {
var zfc=“qwertyuiopasdfghjklzxcvbnm”
var suzu=zfc.split("");
var newsuzu=[];

for(var i=0;i<5;i++){
    newsuzu[newsuzu.length]=  suzu[Math.floor(Math.random()*suzu.length)];
}

twoobj.innerText=newsuzu.join("");

}
document.body.οncοpy=function () {
return false;
}
window.οnlοad=function () {
sj();
}

twoobj.οnclick=function () {
sj();
}

var imgobj=document.getElementById(“zuotu”)
var time=null;
var num=0;
function lb() {
if(num==4){
num=0;
}
num++;
imgobj.setAttribute(“src”,num+".jpg")
}
time=setInterval(“lb()”,1000);

var k1= document.getElementById(“k1”)
var k2= document.getElementById(“k2”)
var k3= document.getElementById(“k3”)
var qqobj= document.getElementById(“qq”)
k1.οnclick=function () {
qqobj.innerText="@163.com";

}
k2.οnclick=function () {
qqobj.innerText="@126.com";

}
k3.οnclick=function () {
qqobj.innerText="@yeah.com";

}

因为电脑分辨率的问题，如果效果不好请自行更改