metinfo.cn/product/ 响应式网站模板，不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。
PHP的注册页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<link rel="stylesheet" href="./style/index.css" type="text/css" />
<title>登陆页面</title>
<!--[if IE 6]>
<style type="text/css">
.cen_cen{background-image:nonefilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/img8.png',sizingMethod="scale")width:974pxheight:473pxmargin-top:95pxmargin-bottom:50px}
.cen_cen img{display:none}
</style>
<![endif]-->
</head>
<body>
<div class="all">
<div id="center">
<div class="cent_all">
<div class="cen_cen">
<form action="do_index.php?true=login" method="post">
<ul>
<li class="text1"><input type="text" name="id"/></li>
<li class="text2"><input type="password" name="password"/></li>
<li class="text3"><input type="image" src="images/img1.jpg"/></li>
</tr>
</ul>
</form>
</div>
<div class="cen_bot">
<div class="cent_img">
<ul>
<li><img src="images/001_img_03.jpg" style="cursor:pointer" onclick="mychange('1')"/></li>
<li><img src="images/001_img_05.jpg" style="cursor:pointer" onclick="mychange('2')"/></li>
<li><img src="images/001_img_07.jpg" style="cursor:pointer" onclick="mychange('3')"/></li>
<li><img src="images/001_img_09.jpg" style="cursor:pointer" onclick="mychange('4')"/></li>
<li><img src="images/001_img_11.jpg" style="cursor:pointer" onclick="mychange('5')"/></li>
<li><img src="images/001_img_13.jpg" style="cursor:pointer" onclick="mychange('6')"/></li>
<li><img src="images/001_img_15.jpg" style="cursor:pointer" onclick="mychange('7')"/></li>
<li><img src="images/001_img_17.jpg" style="cursor:pointer" onclick="mychange('8')"/></li>
<li><img src="images/001_img_19.jpg" style="cursor:pointer" onclick="mychange('9')"/></li>
<li><img src="images/09_img_01.jpg" style="cursor:pointer" onclick="mychange('10')"/></li>
<li><img src="images/10_img_01.jpg" style="cursor:pointer" onclick="mychange('11')"/></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
function mychange(id){
if(id=='1'){
document.getElementById("center").style.background="url('./images/07_img.jpg') no-repeat"
}
if(id=='2'){
document.getElementById("center").style.background="url('./images/02_img.jpg') no-repeat"
}
if(id=='3'){
document.getElementById("center").style.background="url('./images/01_img.jpg') no-repeat"
}
if(id=='4'){
document.getElementById("center").style.background="url('./images/03_img.jpg') no-repeat"
}
if(id=='5'){
document.getElementById("center").style.background="url('./images/04_img.jpg') no-repeat"
}
if(id=='6'){
document.getElementById("center").style.background="url('./images/05_img.jpg') no-repeat"
}
if(id=='7'){
document.getElementById("center").style.background="url('./images/06_img.jpg') no-repeat"
}
if(id=='8'){
document.getElementById("center").style.background="url('./images/11_img.jpg') no-repeat"
}
if(id=='9'){
document.getElementById("center").style.background="url('./images/12_img.jpg') no-repeat"
}
if(id=='10'){
document.getElementById("center").style.background="url('./images/09_img.jpg') no-repeat"
}
if(id=='11'){
document.getElementById("center").style.background="url('./images/10_img.jpg') no-repeat"
}
}
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）