<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>js中英语切换的导航菜单</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/<a href=http://xxx.cn/cssdiv/css.html target=_blank >css</a>">
<!--
body{
background-color: #669999;
}
#nav{
font-size: 12px;
list-style:none;
}
#nav li{
float: left;
margin-right: 1px;
}
.bi{
position: relative;
z-index: 0;
}
.bi:hover span{
visibility: visible;
top: -8;
left: 0;
cursor: pointer;
}
.bi span{
position: absolute;
left: -999em;
visibility: hidden;
}
#nav li a,.bi:hover span{
line-height: 30px;
text-decoration: none;
color: #ffffff;
display: block;
width: 85px;
text-align: center;
}
#nav li a:hover,.bi:hover span{
color: #ffffff;
background: #7ec638;
line-height: 29px;
background-position: 30px 8px; BORDER-TOP: #7ec638 3px solid;
}
-->
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<table width="760" align="center" valign="top" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table width="100%" height="28" cellspacing="0" cellpadding="0" border="0" bgcolor="#7ec638">
<tr>
<td height="28">
<ul id="nav">
<li class="daohang"><a class="bi" href="#">网站首页<span>Home</span></a></li>
<li class="daohang"><a class="bi" href="#">公司简介<span>Company</span></a></li>
<li class="daohang"><a class="bi" href="#">公司产品<span>Products</span></a></li>
<li class="daohang"><a class="bi" href="#">客户方案<span>Proposal</span></a></li>
<li class="daohang"><a class="bi" href="#">典型客户<span>Clients</span></a></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>