<!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" lang="gb2312"> | |
<head> | |
<title></title> | |
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | |
<meta http-equiv="Content-Language" content="gb2312" /> | |
<meta content="all" name="robots" /> | |
<meta name="author" content="banket仔" /> | |
<meta name="description" content="just for fun,no business" /> | |
<meta content=", xhtml, css, blog" name="keywords" /> | |
<script language="JavaScript" type="text/javascript" > | |
<!-- | |
/* | |
function hideNav(idName) | |
{ | |
document.getElementById(idName).className = 'hide'; | |
} | |
function showNav(idName) | |
{ | |
document.getElementById(idName).className = 'show'; | |
} | |
*/ | |
//--> | |
function showCurrentDiv(num) | |
{ | |
var divNum = document.getElementById('nav').getElementsByTagName('div'); | |
for (var i=0;i<divNum.length ;i++ ) | |
{ | |
divNum[i].style.display = 'none'; | |
} | |
divNum[num].style.display = 'block'; | |
} | |
></script> | |
<style type="text/css"> | |
/*<![CDATA[*/ | |
body{ | |
margin: 0; padding: 0; | |
background: #fff ; | |
font-family: Verdana, Geneva, Arial; font-size: 12px; color:#000; | |
line-height: 15px; | |
} | |
#navbar{ | |
background: #f6f6f6 ; | |
margin: 6px 0 0 0; | |
width: 770px; color: #626262; height:30px; line-height: 28px; | |
} | |
#navbar a{ | |
margin: 0px 2px 0 0; | |
padding: 5px 9px 8px 10px; | |
color: #626262; | |
background: inherit; | |
text-decoration: none; | |
} | |
#navbar a:hover{ | |
background-color: #33ADDB; | |
border-top: 1px solid #2491BE; | |
color: #FFFFFF; | |
} | |
#nav{width: 770px; background-color: #33ADDB; height:25px; line-height: 25px; color: Maroon;} | |
#nav a{ | |
margin: 0px 2px 0 0; | |
padding: 5px 9px 5px 10px; | |
color: #fff; | |
text-decoration: none; | |
} | |
#nav a:hover{ text-decoration: underline;} | |
.hide{display:none} | |
/*]]>*/ | |
</style> | |
</head> | |
<body><center> | |
<div id="navbar"> | |
<a href="#">网站首页</a>|<a href="#" onmouseover="showCurrentDiv(0)" >个人求职</a>|<a href="#" onmouseover="showCurrentDiv(1)">企业招聘</a>|<a href="#" onmouseover="showCurrentDiv(2)">培训专区</a>|<a href="#" >企业在线</a>|<a href="#">高级人才</a>|<a href="#">校园招聘</a>|<a href="#">HR资讯</a>|<a href="#">VIP中心</a>|<a href="#">客服中心</a> | |
</div> | |
<div id="nav"> | |
<div class="hide" ><a href="#">免费注册简历</a>|<a href="#">求职管理</a>|<a href="#">更新我的简历</a>|<a href="#">视频求职</a>|<a href="#">简历制作秘笈</a>|<a href="#">面试指南</a>|<a href="#">兼职职位</a>|<a href="#">猎头职位</a></div> | |
<div class="hide"><a href="#">求职管理</a>|<a href="#">更新我的简历</a>|<a href="#">免费注册简历</a>|<a href="#">简历制作秘笈</a>|<a href="#">视频求职</a>|<a href="#">面试指南</a>|<a href="#">猎头职位</a>|<a href="#">兼职职位</a></div> | |
<div class="hide"><a href="#">求职管理</a>|<a href="#">视频求职</a>|<a href="#">简历制作秘笈</a>|<a href="#">免费注册简历</a>|<a href="#">更新我的简历</a>|<a href="#">猎头职位</a>|<a href="#">兼职职位</a>|<a href="#">面试指南</a></div> | |
</div> |