必威体育Betway必威体育官网
当前位置:首页 > IT技术

js实现中英文切换

时间:2019-10-30 20:45:29来源:IT技术作者:seo实验室小编阅读:65次「手机版」
 

中英文

js实现中英文切换

1.html

<!DOCTYPE html>

<head>
	<title>中英文切换</title>
	<meta charset="UTF-8" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/JavaScript" src="js/language.js"></script>
</head>

<body>
	<button id="change">中英文切换</button>
	<p style="text-align: center">
		你好
	</p>
</body>
<script type="text/javascript">
	$("#change").click(function() {
		translate();
	})
</script>

</html>

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();//刷新当前页面.
}

3.translate.js是将http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**的源码下载下来的,并将里面

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

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

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

最后:

文章最后发布于: 2018-08-06 11:32:52

相关阅读

jq实现点击图片切换为另一图片,再次点击恢复到原图片

<p class="change_lf"> <img id="picts" src="image/null.jpg" style="width: 0.4rem"> </p> $(function () { $('.cha

vue tab颜色切换

<!doctype html><html><head><meta charset="utf-8"><title>tab颜色切换</title><script src="js/vue.min.js"></script></head>

电脑屏幕横屏与竖屏之间怎么来回切换?

电脑屏幕横屏与竖屏之间怎么来回切换?电脑的横屏与竖屏来回切换,很多人可能不适应,但是在某些情况下却很是好使。昨天走的时候不小心

手机酷狗音乐在哪里切换MV清晰度?

最近酷狗更新了新内容,播放MV支持清晰度选择了,海量高清MV等你来观看。那么在哪里切换呢?接下来小编就教大家手机酷狗音乐在哪里切换

国际长途电话区号(中英文名)

[ { key: "93", value: "阿富汗(+93)" }, { key: "355", value: "阿尔巴尼亚(+355)" }, { key: "213", value:

分享到:

栏目导航

推荐阅读

热门阅读