var language_package = (function() { var $root = 'http://4dkk.4dage.com/FDKKIMG/'; var package = function(lang) { var lang_package = ''; switch (lang) { case 'zh': lang_package = zh; break; case 'en': lang_package = en; break; default: lang_package = zh; break; } return lang_package; } //返回语言包 return package }()); var language = (function() { var lang = getCookie('language'); if (lang == '') { setCookie('language', 'zh', 30); changeLang(lang); } else { changeLang(lang); } function getCookie(c_name) { if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "=") if (c_start != -1) { c_start = c_start + c_name.length + 1 c_end = document.cookie.indexOf(";", c_start) if (c_end == -1) c_end = document.cookie.length return unescape(document.cookie.substring(c_start, c_end)) } } return '' } function setCookie(c_name, value, expiredays) { var exdate = new Date() exdate.setDate(exdate.getDate() + expiredays) document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()) } function getLang() { return lang } function changeLang(lang_p) { if (lang_p) { setCookie('language', lang_p, 30); lang = lang_p; } var nowImg = document.getElementsByClassName('language-now')[0]; if (nowImg) { nowImg = nowImg.getElementsByTagName('img')[0]; nowImg.setAttribute('src', 'http://www.4dkankan.com/images/icon/lang_' + lang + '.png'); } var package = language_package(lang); var $text = document.getElementsByClassName('lang-text'), $placeholder = document.getElementsByClassName('lang-placeholder'), $value = document.getElementsByClassName('lang-value'), $bg = document.getElementsByClassName('lang-bg'), $src = document.getElementsByClassName('lang-src'); for (var i = 0, len = $text.length; i < len; i++) { var data = $text[i].getAttribute('data-lang'); $text[i].innerText = package[data]; }; for (var i = 0, len = $placeholder.length; i < len; i++) { var data = $placeholder[i].getAttribute('data-lang'); $placeholder[i].setAttribute('placeholder', package[data]); }; for (var i = 0, len = $value.length; i < len; i++) { var data = $value[i].getAttribute('data-lang'); $value[i].value = package[data]; }; for (var i = 0, len = $src.length; i < len; i++) { var data = $src[i].getAttribute('data-lang'); $src[i].setAttribute('src', package[data]); }; for (var i = 0, len = $bg.length; i < len; i++) { var data = $bg[i].getAttribute('data-langBg'); if (package[data] == '') { $bg[i].classList.remove('en'); } else { $bg[i].classList.add('en'); } }; } //改变语言 function initNav() { var $nav = document.getElementsByClassName('subnav-inner')[0]; var $text = $nav.getElementsByClassName('lang-text'); var div = document.createElement('div'); var style = { box: 'width:calc(100% - 20px);background:#09e1c0;color:white;display:flex;display:-webkit-flex;align-items:center;justify-content:center;height:36px;margin: 0 auto;font-size:15px;border-radius: 5px;margin-top: 2vh;' } div.setAttribute('class', 'languageBox lang-text'), div.setAttribute('style', style.box), div.setAttribute('data-lang', 'change_lang'); $nav.appendChild(div); div.addEventListener('touchend', function() { if (div.innerText == '简体中文') { changeLang('zh'); } else { changeLang('en'); } var $subnav = document.getElementsByClassName('subnav')[0]; var $Btn = document.getElementsByClassName('mainbav-showBtn')[0], $shade = document.getElementsByClassName('body-shade')[0]; $subnav.classList.remove('showSubnav'), $Btn.classList.remove('active'), $shade.classList.remove('active'); }); var package = language_package(lang); for (var i = 0, len = $text.length; i < len; i++) { var data = $text[i].getAttribute('data-lang'); $text[i].innerText = package[data]; }; } //专为导航栏初始化定制 var api = { change: changeLang, get: getLang, init_nav: initNav, } return api }());