CSS企业级二级菜单模板

 

 <!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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值