jq 中英文切换_jQuery实现的中英文切换功能示例

本文实例讲述了jQuery实现的中英文切换功能。分享给大家供大家参考，具体如下：

1.html

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中英文切换

$("#change").click(function() {

translate();

})

2.language.js

$(function(){

// do something

var script=document.createElement("script");

script.type="text/javascript";

script.src="js/translate.js";

document.getElementsByTagName('head')[0].appendChild(script);

var value = sessionStorage.getItem("language");

document.onreadystatechange = function () {

if (document.readyState == 'complete') {

if(value==="1"){

Microsoft.Translator.Widget.Translate('zh-CHS', 'en', onProgress, onError, onComplete, onRestoreOriginal, 2000);

}

}

}

function onProgress(value) {

}

function onError(error) {

}

function onComplete() {

$("#WidgetFloaterPanels").hide();

}

function onRestoreOriginal() {

}

});

function translate(){

var value = sessionStorage.getItem("language");

if(value==="1"){

sessionStorage.setItem("language", "0");

}else{

sessionStorage.setItem("language", "1");

}

window.location.reload();//刷新当前页面.

}

<1> J = "block", ib = "inline-block",都改成等于none

<2>s.style.color = q;s.style.backgroundColor = p两行注释

目的是去除翻译后出现的弹框和hover效果

最后：

附：完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。