首页+注册验证

第一页：<html>

<head>

/*div{

border: 1px solid red;

}*/

/*p {

text-align: center;

font-size: 25px;

color: cadetblue;

font-family: fantasy;

}*/

/*.imgBox {

border-top: 2px solid cadetblue;

50%;

height: 500px;

margin: 0 auto;

}*/

.imgBox img {

60%;

height: 500px;

margin: 0 auto;

padding-top: 30px;

}

.img1 {

display: block;

}

.img2 {

display: none;

}

.img3 {

display: none;

}

</style>

var index = 0;

//改变图片

function ChangeImg() {

index++;

var a = document.getElementsByClassName("img-slide");

if(index >= a.length) index = 0;

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

a[i].style.display = 'none';

}

a[index].style.display = 'block';

}

//设置定时器，每隔两秒切换一张图片

setInterval(ChangeImg, 2000);

</script>

</head>

<body>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

</div>

</div>

</body>

</html>

第二页：

<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
	.p{
	200px;
	height: 50px;
	border: 1px solid red;
	float: left;
	}
	#text,#text1{
	400px;
	height: 300px;
	border: 1px solid red;
	}
	input{
	margin-top: 30px;
	}
	#one,#two{
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	}
	</style>
	<script type="text/javascript">
	function y(){
	var one=document.getElementById("yhm").value;
	var two=document.getElementById("span1")
	var deg=/^d{9}$/;
	if (deg.test(one)) {
	two.innerHTML="正确";
	return true;
	} else{
	two.innerHTML="错误";
	return false;
	}
	}
	function m(){
	var one=document.getElementById("mm").value;
	var two=document.getElementById("span2")
	var deg=/^d{6}$/;
	if (deg.test(one)) {
	two.innerHTML="正确";
	return true;
	} else{
	two.innerHTML="错误";
	return false;
	}
	}
	function yx(){
	var one=document.getElementById("yx").value;
	var two=document.getElementById("span3")
	var deg=/^(d{9\|\|d{10})+(@qq.com)$/;
	if (deg.test(one)) {
	two.innerHTML="正确";
	return true;
	} else{
	two.innerHTML="错误";
	return false;
	}
	}
	function s(){
	var one=document.getElementById("sjh").value;
	var two=document.getElementById("span4")
	var deg=/^1[2-9]d{9}$/;
	if (deg.test(one)) {
	two.innerHTML="正确";
	return true;
	} else{
	two.innerHTML="错误";
	return false;
	}
	}
	</script>
	<script type="text/javascript">
	function fengye(i){
	xx(i);
	}
	function xx(i){
	switch (i){
	case 1:
	document.getElementById("text").style.display="block";
	document.getElementById("text1").style.display="none";
	break;
	case 2:
	document.getElementById("text").style.display="none";
	document.getElementById("text1").style.display="block";
	}
	}
	</script>
	</head>
	<body>
	<div class="p" id="one" onmouseover="fengye(1)">登录验证</div>
	<div class="p" id="two" onmouseover="fengye(2)">注册验证</div>
	<div id="text">
	用户名：<input type="text" name="" id="yhm" placeholder="请输入用户名" onblur="y()"/>
	<span id="span1"></span><br />
	密码：<input type="text" name="" id="mm" placeholder="请输入密码" onblur="m()"/>
	<span id="span2"></span><br />
	</div>
	<div id="text1" style="display: none;">
	邮箱：<input type="text" name="" id="yx" placeholder="请输入邮箱" onblur="yx()"/>
	<span id="span3"></span><br />
	手机号：<input type="text" name="" id="sjh" placeholder="请输入手机号" onblur="s()"/>
	<span id="span4"></span><br />
	</div>
	</body>
	</html>