只需要几行代码实现网站多语言功能,js多语言插件

‌使用说明:插件支持几十种语言,非常厉害。

下载翻译插件js: 

下载插件js文件速度更快:点击下载翻译插件js文件

使用文档:http://translate.zvo.cn/index.html

第一步,html代码翻译连接

        <li class="language">
          <a href="javascript:;" id="lang">English</a>
          <div class="slide-box">
            <a href="javascript:translate.changeLanguage('english');" class="english">English</a>
            <a href="javascript:translate.changeLanguage('spanish');" class="spanish">Español</a>
            <a href="javascript:translate.changeLanguage('arabic');" class="arabic">اللغة العربية</a>
            <a href="javascript:translate.changeLanguage('french');" class="french">Français</a>
            <a href="javascript:translate.changeLanguage('deutsch');" class="deutsch">Deutsch</a>
          </div>
        </li>

第二步底部加入js代码

<script type="text/javascript" src="/js/fy.js"></script>
<script>
	translate.selectLanguageTag.show = false; //不出现的select的选择语言
    translate.service.use('client.edge'); //设置机器翻译服务通道
    translate.ignore.class.push('language'); 
    translate.ignore.class.push('slide-box'); 
    // 获取当前选择的语言
    var currentLanguage = translate.language.getCurrent();
    $('body').attr('id','translate-language-' + currentLanguage)
    var langs = $('.slide-box a.'+currentLanguage).text();
    $('#lang').text(langs)
    
    translate.listener.renderTaskFinish = function(task){
            //window.location.reload();
    }
    
	translate.exe,cute();
	
	$('.language .slide-box a').click(function(){
	    console.log(123)
	})
	
</script>