JavaScript网页设计 1. [文件] company.html~25KB 下载 (42) 2. [文件] intro.html~27KB 下载 (32) 3. [文件] intro.css~1KB 下载 (26) *{ margin: 0px; padding: 0px;}#above{ width: 1000px; margin:10px auto;}#leftlist{ float:left; wid
1. [文件] company.html ~ 25KB 下载(42)
2. [文件] intro.html ~ 27KB 下载(32)
3. [文件] intro.css ~ 1KB 下载(26)
*{
margin: 0px;
padding: 0px;
}
#above{
width: 1000px;
margin:10px auto;
}
#leftlist{
float:left;
width:190px;
line-height: 28px;
vertical-align: center;
}#leftlist .one{
height: 36px;
padding-top: 8px;
}
#leftlist h4{
vertical-align: center;
}
.mlist ul{
list-style-type: none;
color: black;
}
.mlist ul li{
padding-left: 26px;
background: url("picture/intro-1.gif")5px 6px no-repeat;
}
a{
color: black;
text-decoration: none;
}
.mlist ul li a:hover{
color: red;
text-decoration: none;
}
.two{
padding-left: 0px;
color: red;
border:1px red solid ;
}
#rightform{
float: left;
width: 800px;
}
#rightform .Ftop{
height: 46px;
line-height: 46px;
padding-left: 28px;
}
.yellow{
color: red;
}
.BIAOTI{
padding : 16px 28px;
}
#Form TABLE{
line-height: 34px;
padding-bottom: 20px;
}
#Form TABLE INPUT{
margin-left: 16px;
}
#Form TABLE SELECT{
margin-left: 16px;
}
.text{
height: 60px;
line-height: 60px;
padding-right: 10px;
}
.Myjl{
padding-top: 20px;
text-align: center;
margin-left: 8px;
}
.login-over{
text-align: center;
margin: 10px 360px ;
}
4. [文件] register.html ~ 8KB 下载(17)
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登录页面</title>
<link href="login.css" type="text/css" rel="stylesheet">
<link href="register.css" type="text/css" rel="stylesheet">
<script language="JavaScript">
<!--检验email格式是否正确-->
function chemail(email){
var apos = document.myform.email.value.indexOf("@");
var dotapos = document.myform.email.value.lastIndexOf(".");
if( apos<1 || dotapos-apos<2){
alert("请填写正确格式email");
document.myform.email.value.focus();
return false;
}
alert("这个是正确的email");
}
// 检验用户名是否为空和是否按要求填写
function checkuser(username){
var userName=document.myform.username.value;
var reg= /^[A-Za-z]+$/;
if( userName==""){
alert("用户名不能为空");
document.myform.username.focus();
return false;
}
if(userName.length<6){
alert("用户名不能小于6个字符");
document.myform.username.focus();
return false;
}
else if(!reg.test(userName.charAt(0))){
alert("会员名必须以字母开头");
document.myform.username.focus();
return false;
}
alert("用户名正确");
}
function checkpwd(psw){
var Pwd=document.myform.psw.value;
if(Pwd==""){
document.getElementById("pwd").innerHTML="<span style='color:red'>密码不能为空</span>";
return false;
}
if(Pwd.length<6){
document.getElementById("pwd").innerHTML="<span style='color:red'>密码不不能少于六位数</span>";
return false;
}
}
// 检验密码是否一致，如果不一致，则不能通过
function checkrpwd(psw,repeatpsw){
var Pwd=document.myform.psw.value;
var Repeatpsw=document.myform.repeatpsw.value;
if( Repeatpsw==""){
document.getElementById("repeatpwd").innerHTML="<span style='color:red'>请输入确认密码</span>";
return false;
}
if( Pwd!=Repeatpsw){
document.getElementById("repeatpwd").innerHTML="<span style='color:red'>两次输入的密码不一致，请重新输入！</span>";
return false;
}
}
</script>
</head>
<body>
<div id="all">
<div id="top"><img src="picture/logo_11.png" ></div>
<div id="menu"><a href="login.html"><img src="picture/9HE.jpg"></a>
<a href="search.html"><img src="picture/zhiweisousuo.jpg"></a>
<a href="intro.html"><img src="picture/jianliguanli.jpg"></a></div>
<div id="hengfu">我的简历 | 个人搜索器 | 职位收藏夹 | 工作申请记录 | 退出</div>
<p class="xiantiao"></p>
<div id="Main">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="picture/register-top.gif"></td></tr>
<tr>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="picture/register-line.gif" height="260px" width="3"> </td>
<td style="width: 825px;" class="Body" >
<span>会员信息:</span><img src="picture/dot_line_1.gif">
<form action="register.html" method="post" name="myform" id="myform">
<ul>
<li> E-mail :<input type="text" name="email" class="register-input" >
<input name="check1" type="button" value=" "class="register-check" onClick="chemail(email)">
<span> 请填写常用电子邮件 </span></li>
<li> 会 员 名:<input name="username" type="text" class="register-input">
<input name="check2" type="button" value=" "class="register-check" onClick="checkuser(username)">
<span> 会员名须以字母开头，至少6位</span></li>
<li>密 码:<input name="psw" type="password" class="register-input" onBlur="checkpwd(psw)">
<span id="pwd">密码设置至少6位</span></li>
<li> 重复密码:<input name="repeatpsw" type="password" class="register-input" onBlur="checkrpwd(psw,repeatpsw)">
<span id="repeatpwd"></span> </li>
</ul>
<span class="Img"><img src="picture/dot_line_2.gif"></span>
<p> <INPUT name="B1" type="submit" value=" " onMouseOut="this.className='register-over'" onMouseOver="this.className='register-out'" class="register-over"></p>
</form>
</td>
<td><img src="picture/register-line.gif" height="260px" width="3"> </td>
</tr>
</table>
</tr>
<tr><td><img src="picture/register-bottom.gif"></td></tr>
</table>
</div>
<DIV id="bottom-bg" class="bottom-bg">网站导航 | <A href="index.html" >网站首页</A> | <A href="search.html" >职位搜索</A> | <A href="login.html" >Myjob</A> | <A href="register.html" >用户注册</A> | <A href="login.html" >用户登录</A> | <A href="intro.html" >简历管理</A> | <A href="company.html" >招聘公司</A></DIV>
<p class="xiantiao2"></p>
<div id="footer-info" >
<p>友情链接：
<a href="http://www.usa-idc.com/" target="_blank" title="美国服务器">美国服务器</a><span class="sep">|</span> <a href="http://www.suheng.net/" target="_blank" title="上海网站建设">上海网站建设</a><span class="sep">|</span> <a href="http://www.orangeapp.cn/" target="_blank" title="网站建设">网站建设</a><span class="sep">|</span> <a href="http://www.cnhais.com" target="_blank" title="无锡网站制作">无锡网站制作</a><span class="sep">|</span> <a href="http://www.cnwenhui.cn/" target="_blank" title="济南网站建设">济南网站建设</a><span class="sep">|</span> <a href="http://www.shopjsp.com/" target="_blank" title="Java商城">Java商城</a><span class="sep">|</span> <a href="http://www.cnzsjz.com/" target="_blank" title="珠海网站建设公司">珠海网站建设公司</a><span class="sep">|</span> <a href="http://www.pangzhi.cn/" target="_blank" title="长春网站建设">长春网站建设</a><span class="sep">|</span> <a href="http://www.0574nb.cn" target="_blank" title="宁波网站建设">宁波网站建设</a><span class="sep">|</span> <a href="http://www.znbo.com/" target="_blank" title="广州网站建设公司">广州网站建设公司</a><span class="sep">|</span> <a href="http://www.jx39.com" target="_blank" title="高防服务器">高防服务器</a><span class="sep">|</span> <a href="http://www.zgwx.top/" target="_blank" title="南通网站建设">南通网站建设</a><span class="sep">|</span> <a href="http://www.tctongli.com/" target="_blank" title="太仓网站建设">太仓网站建设</a><span class="sep">|</span> <a href="http://www.tedashop.com/" target="_blank" title="天津网站建设">天津网站建设</a><span class="sep">|</span> <a href="http://www.netad.cc/" target="_blank" title="佛山网站建设">佛山网站建设</a><span class="sep">|</span> <a href="http://www.ttcbm.com/" target="_blank" title="南宁网站制作">南宁网站制作</a><span class="sep">|</span> <a href="http://www.yunxingtong.cn/" target="_blank" title="苏州网站建设">苏州网站建设</a> </p>
<p class="nav_bottom">
ICP备案证书号:<span>Copyright 2015 9he.com All Rights Reserved 版权所有：九河互联 备案：粤ICP备16022551号-1</span>
</p>
</div>
</div>
</div>
</body>
</html>
5. [文件] register.css ~ 1KB 下载(15)
*{
margin:0px;
padding: 0px;
}
#main .table1{
border:0;
cellspacing:0;
cellpadding:0;
}
.table2{
border:0;
cellspacing:0;
cellpadding:0;
}
.Body{
padding-left: 26px;
}
.Body img{
vertical-align: center;
margin-left: 6px;
}
#myform ul {
margin-top: 18px;
list-style-type: none;
}
#myform ul li {
padding-left: 36px;
margin: 6px 0;
}
.register-check{
margin: 0px 6px;
width: 110px;
height: 25px;
background: url("picture/register-check.gif")-2px -2px no-repeat;
}
.register-input{
height: 23px;
}
.img img{
margin-top: 16px;
}
.register-over{
margin-left: 320px;
margin-top: 6px;
}
.register-over{
background-image:url(picture/register-sm1.gif);
width:127px;
height:39px;
overflow:hidden;
border:0;
margin-left: 320px;
margin-top: 6px;
}
.register-out{
background-image:url(picture/register-sm2.gif);
width:127px;
height:39px;
overflow:hidden;
border:0;
margin-left: 320px;
margin-top: 6px;
}