//获取div163模块

var div163Obj = document.getElementById(“div163”);

//获取登录按钮

var btnObj = document.getElementById(“btn”);

//获取忘记密码

var passwordObj = document.getElementById(“password”);

//获取立即注册

var startObj = document.getElementById(“start”);

//获取126

var div126Obj = document.getElementById(“div126”);

//获取yeah

var divYeahObj = document.getElementById(“divYeah”);

//获取账号输入框

var text1Obj = document.getElementById(“text1”);

//获取密码输入框

var text2Obj = document.getElementById(“text2”);

//获取登录方式

var doc = document.getElementsByTagName(‘h3’)[0];

var type = doc.getElementsByTagName(‘a’);

//获取左侧3个div的父元素

var left_contentObj = document.querySelectorAll(“#left_content>div”);

//获取邮箱后缀的父元素

var AObj = document.getElementById(“selectOp”);

//获取邮箱后缀

var SpanObj = document.querySelectorAll(“#selectOp>span”);

function out163Function() {

SpanObj[0].style.display = “inline-block”;

SpanObj[1].style.display = “none”;

SpanObj[2].style.display = “none”;

SpanObj[0].style.backgroundColor = “#fff”;

}

function over163Function() {

SpanObj[0].style.backgroundColor = “lightskyblue”;

}

function color163() {

div163Obj.style.backgroundColor = “lightskyblue”;

div126Obj.style.backgroundColor = “”;

divYeahObj.style.backgroundColor = “”;

btnObj.style.backgroundColor = “lightskyblue”;

text2Obj.style.backgroundColor = “palevioletred”;

passwordObj.style.color = “lightskyblue”;

startObj.style.color = “lightskyblue”;

}

function div163Function() {

color163();

for (var i = 0; i < left_contentObj.length; i++) {

if (this == left_contentObj[i]) {

type[i].style.display = “block”;

} else {

type[i].style.display = “none”;

}

}

}

function com163() {

color163();

for (var i = 0; i < SpanObj.length; i++) {

if (this == SpanObj[i]) {

type[i].style.display = “block”;

} else {

type[i].style.display = “none”;

}

}

};

function out126Function() {

SpanObj[0].style.display = “none”;

SpanObj[1].style.display = “inline-block”;

SpanObj[2].style.display = “none”;

SpanObj[1].style.backgroundColor = “#fff”;

}

function over126Function() {

SpanObj[1].style.backgroundColor = “green”;

}

function color126() {

div126Obj.style.backgroundColor = “lightskyblue”;

div163Obj.style.backgroundColor = “#EEEEEE”;

divYeahObj.style.backgroundColor = “”;

btnObj.style.backgroundColor = “green”;

passwordObj.style.color = “green”;

startObj.style.color = “green”;

text2Obj.style.backgroundColor = “darkseagreen”;

}

function div126Function() {

color126();

for (var i = 0; i < left_contentObj.length; i++) {

if (this == left_contentObj[i]) {

type[i].style.display = “block”;

} else {

type[i].style.display = “none”;

}

}

}

function com126() {

color126();

for (var i = 0; i < SpanObj.length; i++) {

if (this == SpanObj[i]) {

type[i].style.display = “block”;

} else {

type[i].style.display = “none”;

}

}

};

function outYeahFunction() {

SpanObj[0].style.display = “none”;

SpanObj[1].style.display = “none”;

SpanObj[2].style.display = “inline-block”;

SpanObj[2].style.backgroundColor = “#FFFFFF”;

}

function overYeahFunction() {

SpanObj[2].style.backgroundColor = “red”;

}

function colorYeah() {

divYeahObj.style.backgroundColor = “lightskyblue”;

btnObj.style.backgroundColor = “red”;

passwordObj.style.color = “red”;

startObj.style.color = “red”;

div163Obj.style.backgroundColor = “#EEEEEE”;

div126Obj.style.backgroundColor = “”;

text2Obj.style.backgroundColor = “palevioletred”;

}

function divYeahFunction() {

colorYeah();

for (var i = 0; i < left_contentObj.length; i++) {

if (this == left_contentObj[i]) {

type[i].style.display = “block”;

} else {

type[i].style.display = “none”;

}

}

}

function comYeah() {

colorYeah();

for (var i = 0; i < SpanObj.length; i++) {

if (this == SpanObj[i]) {

type[i].style.display = “block”;

} else {

type[i].style.display = “none”;

}

}

}

function AllBlockFunction() {

for (var i = 0; i < SpanObj.length; i++) {

SpanObj[i].style.display = “inline-block”;

}

}

div163Obj.onclick = div163Function;

div126Obj.onclick = div126Function;

divYeahObj.onclick = divYeahFunction;

AObj.onmouseover = AllBlockFunction;

var on = [com163, com126, comYeah];

var over = [over163Function, over126Function, overYeahFunction];

var out = [out163Function, out126Function, outYeahFunction];

for (var i = 0; i < SpanObj.length; i++) {

for (var j = 0; j < on.length; j++) {

if (i == j) {

SpanObj[i].onclick = on[j];

}

}

for (var m = 0; m < over.length; m++) {

if (i == m) {

SpanObj[i].onmouseover = over[m];

}

}

for (var n = 0; n < out.length; n++) {

if (i == n) {

SpanObj[i].onmouseout = out[n];

}

}

}