或者可以写在json,xml里。
css和双语毫无关系。
js实现双语也可行，但只适合少量内容，多了维护困难，也影响速度。
html实现双语就等于直接写两个不同语言的静态文件。
推荐sleda多语种平台，不用自己写代码就可以实现。
CSS即可实现此效果。范例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>DIVCSS实例：纯CSS实现中英文双语 导航菜单 - www.52CSS.com</title>
<style type="text/css">
a{
color: #FFFF99
text-decoration: none
}a:hover{
color: #FFFFFF
text-decoration: underline
}
#nav{
padding: 10px 10px 0
font-size: 12px
font-weight: bold
margin: 1em 0 0
list-style:none
}#nav li{
float: left
margin-right: 1px
}.bi{
position: relative
z-index: 0
}.bi:hover{
z-index: 99
}.bi:hover span{
visibility: visible
top: 0
left: 0
cursor: pointer
}.bi span{
position: absolute
left: -999em
visibility: hidden
}#nav li a,.bi:hover span{
line-height: 20px
text-decoration: none
background: #DDDDDD
color: #666666
display: block
width: 80px
text-align: center
}#nav li a:hover,.bi:hover span{
color: #FFFFFF
background: #DC4E1B
}.bi:hover span{
padding-top: 2px
}#navbar{
background: #DC4E1B
height: 8px
overflow: hidden
clear: both
}</style>
</head><body>
<ul id="nav">
<li><a class="bi" href=" http://www.52css.com/">52CSS 我爱CSS</span></a></li>
<li><a class="bi" href="#">About us<span>关于我们</span></a></li>
<li><a class="bi" href="#">Products<span>产品展示</span></a></li>
<li><a class="bi" href="#">Services<span>售后服务</span></a></li>
<li><a class="bi" href="#">Contact<span>联系我们</span></a></li>
</ul>
<div id="navbar"></div>
</body>
</html>
