js中英语切换的导航菜单

摘要: js英中语转换的导航栏莱单 ...

<!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= 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>




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 400-000-8888