⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.html

📁 阶段项目 javascript,主要是模仿51.com网站的页面特效
💻 HTML
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>用户登陆页面</title>
<link href="images/style.css" rel="stylesheet" type="text/css">
<style>
img{ border:0px; cursor:pointer;}
div{ background-image:url(images/menu-bg1.gif); height:33px; padding-top:4px;}
</style>
<script src="checkForms.js"></script>
<script language="javascript">
function changeBg(picId)
{	
	for(var i=1; i<=3; i++)
	{
		if(i==picId)
		{
			document.getElementById(i).src="images/menu"+i+"-1.gif";
			document.getElementById("div0").style.display="none";
			document.getElementById("div"+i).style.display="block";
		}
		else
		{
			document.getElementById(i).src="images/menu"+i+"-2.gif";
			document.getElementById("div"+i).style.display="none";
		}
	}
}
	
function chageContent(page)
{
	document.getElementById("subFrame").src=page+".html"
}
function followAdv()
{
	var yPos=document.getElementById("Adv2").style.pixelTop;
	document.getElementById("Adv2").style.pixelTop=document.body.scrollTop+20;
}
window.onscroll=followAdv;
function closeLayer(layer1,layer2)
{
	document.getElementById(layer1).style.display="none";
	document.getElementById(layer2).style.display="none";
}
</script>
</head>
<body onLoad="floatAdv();" style="margin-top:0px;">
<div id="Adv" onMouseOver="stopAdv();" onMouseOut="floatAdv();" style="top:112px; width:80px; height:52px; z-index:1; display:block; position:absolute; left: 515px;" onDblClick="this.style.display='none';"><img src="images/float.gif" width="80" height="52" id="floatPic" ></div>

<div id="Adv2" style="position:absolute;left:54px;top:51px;width:80px;height:139px;z-index:2;"><img src="images/close.jpg" width="109" height="166">
  <div id="closeLayer" style="position:absolute; left:79px; top:149px; width:28px; height:16px; z-index:3; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; padding-top:2px; color:#0000FF;"><a href="#" onClick="closeLayer('closeLayer','Adv2');">关闭</a></div>
</div>
<table width="897" height="1191" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="147" rowspan="2"><img src="images/logo.gif" width="143" height="60"></td>
    <td width="461" rowspan="2">&nbsp;</td>
    <td width="96" height="31" valign="bottom" ></td>
    <td width="96" valign="bottom">	</td>
    <td width="97" valign="bottom"></td>
  </tr>
  <tr>
    <td width="96" height="31" align="center" onClick="chageContent('myjob');changeBg('1');">
	<img src="images/menu1-2.gif" width="96" height="31"  id="1" ></td>
    <td width="96" height="31" align="center" onClick="chageContent('jobSearch');changeBg('2');">
	<img src="images/menu2-2.gif" width="96" height="31"   id="2" ></td>
    <td width="97" height="31" align="center" onClick="chageContent('resume');changeBg('3');">
	<img src="images/menu3-2.gif" width="97" height="31"   id="3" ></td>
  </tr>
  <tr background="images/menu-bg1.gif">
    <td height="27" colspan="5" align="center"><div id="div1" style="display:none;"><a href="resume.html" target="content">我的简历</a> | <a href="jobSearch.html" target="content">个人搜索器</a> | <a href="#">职位收藏夹</a> | <a href="#">工作申请记录</a> | <a href="#">退出</a></div>
	
	<div id="div2" style="display:none"><a href="jobSearch.html" target="content">职位搜索</a> | <a href="jobSearch.html" target="content">关键词搜索</a></div>
	
	<div id="div3" style="display:none;"><a href="detailInfo.html" target="content">简历中心</a> | <a href="#">求职信</a> | <a href="#">简历指导</a></div>
	
	
	<div id="div0"><a href="resume.html" target="content">我的简历</a> | 会员名:
	  <input name="text" type="text" class="intro-text3" width="120" height="12">
  &nbsp;密码:
  <input name="password" type="password" class="intro-text3" width="120" height="12">
  &nbsp;<img src="images/login.gif" align="top" style=" padding-top:1px; margin-bottom:4px;"> &nbsp;
  <input name="checkbox" type="checkbox">
    自动登录 &nbsp;<a href="userReg.html" target="content">新会员注册</a></div></td>
  </tr>
  <tr>
    <td height=1080 colspan="5" align="center"><iframe name="content" src="first.html" width="100%" height="100%" scrolling="no" frameborder="0" id="subFrame"></iframe></td>
  </tr>
  <tr>
  	<td colspan=5>&nbsp;</td>
  </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -