今天遇到个小问题,就是一个html页面要对他做中英文切换,有人建议写两个页面,相互跳转,但是那个样子太麻烦,我就用javascript写了一个简单的!
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
div a{
background-color: blue;
color: red;
display: inline-block;
padding: 15px;
}
</style>
</head>
<body>
<div>
<a class="lang" name="shouye">首页</a>
<a class="lang" name="youshi">优势</a>
<a class="lang" name="jiage">价格</a>
</div>
<button>点我切换</button>
<script src="jquery-1.10.2.js"></script>
<script>
var lang={
shouye:["首页","shouye"],
youshi:["优势","youshi"],
jiage:["价格","jiage"]
},flag=1;
$("button").click(function(){
var arr=$(".lang");
arr.addClass("aa");
for(var i=0;i<arr.length;i++){
var name=arr.eq(i).attr("name");
arr.eq(i).text(lang[name][flag]);
}
flag=(++flag)%2;
})
</script>
</body>
</html>