利用谷歌翻譯在網(wǎng)站上添加一鍵翻譯多語言 ,直接上代碼
<script src="https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
//因?yàn)閜ageLanguage: 'zh-CN'這個(gè)參數(shù)就是用來指定當(dāng)前頁面的初始語言,一開始就是英文頁面那當(dāng)然是en
// pageLanguage: 'zh-CN',
//這個(gè)是你需要翻譯的語言,比如你只需要翻譯成越南和英語,這里就只寫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',
//選擇語言的樣式,這個(gè)是面板,還有下拉框的樣式,具體的記不到了,找不到api~~
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
//自動(dòng)顯示翻譯橫幅,就是翻譯后頂部出現(xiàn)的那個(gè),有點(diǎn)丑,這個(gè)屬性沒有用的話,請看文章底部的其他方法
autoDisplay: true,
//還有些其他參數(shù),由于原插件不再維護(hù),找不到詳細(xì)api了,將就了,實(shí)在不行直接上dom操作
}, 'google_translate_element');
}
</script>
<script type="text/javascript">
(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');
})();
})();
</script>
<style>
.goog-te-gadget-simple{
background:#F5F5F5;
border:none;
padding-top:0;
padding-bottom:0;
}
.goog-te-gadget-simple img{
display: none;
}
.goog-te-gadget-simple .goog-te-menu-value span{
border-left:none!important;
}
.goog-te-banner-frame{
display: none!important;
}
body{
top:0!important;
}
</style>