用Jquery和Json实现多语言切换jquery
用Jquery和Json实现多语言切换...
演示效果：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>用Jquery和Json实现多语言切换</title>
<script src="jquery.min.js"></script>
<script type="text/javascript">
var arrLang = {
'en': {
'home': 'Home',
'about': 'About',
'contact': 'Contacts',
'content': 'This is content'
},
'zh': {
'home': '首页',
'about': '关于',
'contact': '联系',
'content': '这是内容'
}
};
// Process translation
$(function() {
$('.translate').click(function() {
var lang = $(this).attr('id');
$('.lang').each(function(index, item) {
$(this).text(arrLang[lang][$(this).attr('key')]);
});
});
});
</script>
</head>
<body>
<button id="zh">中文</button>
<button id="en">English</button>
<ul>
<li key="home">首页</li>
<li key="about">关于</li>
<li key="contact">联系</li>
</ul>
<p key="content">这是内容</p>
</body>
</html>
上一篇：jQuery向前向后移动元素
下一篇：jQuery实现动态添加、删除行
最新评论
热门推荐
我要评论