海量企業網站模板 · 任您選擇
美出特色，精出品質，一切為了企業更好的營銷
<!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>
蘇公網安備32058302005702號