background-color:#669999;_亿搜云全网营销平台" />
欢迎来到亿搜云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

js中英语切换的导航菜单

       导航     2016-02-16     eycms     43     0    

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


--结束END--

本文链接: http://eycms.cn/resources/navigation/1108.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“亿搜云”
"亿搜云平台前端开发教学"
每日干货技术分享
 

×

成为 亿搜云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

亿搜云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 40819446

客服电话: 15250286283

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

亿搜云平台手机端