利用谷歌翻譯在網站上添加一鍵翻譯多語言  ,直接上代碼 

 
 




    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            //因為pageLanguage: 'zh-CN'這個參數(shù)就是用來指定當前頁面的初始語言，一開始就是英文頁面那當然是en
           // pageLanguage: 'zh-CN',
            //這個是你需要翻譯的語言，比如你只需要翻譯成越南和英語，這里就只寫en,vi
      includedLanguages: 'en,zh-CN,hr,cs,da,nl,fr,de,el,iw,hu,ga,it,ja,ko,pt,ro,ru,sr,es,th,vi',
            //選擇語言的樣式，這個是面板，還有下拉框的樣式，具體的記不到了，找不到api~~
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
            //自動顯示翻譯橫幅，就是翻譯后頂部出現(xiàn)的那個，有點丑，這個屬性沒有用的話，請看文章底部的其他方法
      autoDisplay: true, 
      //還有些其他參數(shù)，由于原插件不再維護，找不到詳細api了，將就了，實在不行直接上dom操作
        }, 'google_translate_element');
    }

 

    (function () {
        var gtConstEvalStartTime = new Date();
 
        function d(b) {
            var a = document.getElementsByTagName("head")[0];
            a || (a = document.body.parentNode.appendChild(document.createElement("head")));
            a.appendChild(b)
        }
 
        function _loadJs(b) {
            var a = document.createElement("script");
            a.type = "text/javascript";
            a.charset = "UTF-8";
            a.src = b;
            d(a)
        }
 
        function _loadCss(b) {
            var a = document.createElement("link");
            a.type = "text/css";
            a.rel = "stylesheet";
            a.charset = "UTF-8";
            a.href = b;
            d(a)
        }
 
        function _isNS(b) {
            b = b.split(".");
            for (var a = window, c = 0; c < b.length; ++c) if (!(a = a[b[c]])) return !1;
            return !0
        }
 
        function _setupNS(b) {
            b = b.split(".");
            for (var a = window, c = 0; c < b.length; ++c) a.hasOwnProperty ? a.hasOwnProperty(b[c]) ? a = a[b[c]] : a = a[b[c]] = {} : a = a[b[c]] || (a[b[c]] = {});
            return a
        }
 
        window.addEventListener && "undefined" == typeof document.readyState && window.addEventListener("DOMContentLoaded", function () {
            document.readyState = "complete"
        }, !1);
        if (_isNS('google.translate.Element')) {
            return
        }
        (function () {
            var c = _setupNS('google.translate._const');
            c._cest = gtConstEvalStartTime;
            gtConstEvalStartTime = undefined;
            c._cl = 'zh-CN';
            c._cuc = 'googleTranslateElementInit';
            c._cac = '';
            c._cam = '';
            c._ctkk = eval('((function(){var a\\x3d2017041154;var b\\x3d78069894;return 423865+\\x27.\\x27+(a+b)})())');
            var h = 'translate.googleapis.com';
            var s = (true ? 'https' : window.location.protocol == 'https:' ? 'https' : 'http') + '://';
            var b = s + h;
            c._pah = h;
            c._pas = s;
            c._pbi = b + '/translate_static/img/te_bk.gif';
            c._pci = b + '/translate_static/img/te_ctrl3.gif';
            c._pli = b + '/translate_static/img/loading.gif';
            c._plla = h + '/translate_a/l';
            c._pmi = b + '/translate_static/img/mini_google.png';
            c._ps = b + '/translate_static/css/translateelement.css';
            c._puh = 'translate.google.com';
            _loadCss(c._ps);
            _loadJs(b + '/translate_static/js/element/main_zh-CN.js');
        })();
    })();