欢迎光临东方市黑马视觉品牌官网,开启你的互联网营销之旅!
新闻中心 网络推广 网站建设 优化推广

多语言翻译插件,可用于网站上作多语言版本网站,懒人工具

时间:2023-02-25   来源:东方市网站建设

项目地址:https://gitee.com/mail_osc/translate

国际化,网页自动翻译,在谷歌翻译的基础上进行了优化,同谷歌浏览器自动翻译的效果,适用于html网页。
网页无需另行改造,增加两行js即可实现多国语言切换的能力。

体验-在网页上几秒增加多语言切换能力:

效果

  1. 随便打开一个网页

  2. 右键 - 审查元素

  3. 粘贴入以下代码:

  4. var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'https://res.zvo.cn/translate/inspector.js'; head.appendChild(script);
  5. Enter 回车键 , 执行

  6. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。


使用方法

<script src="//res.zvo.cn/translate/translate.js"></script>
<script> translate.execute();//进行翻译 </script>


扩展用法


你想在你页面什么地方显示,就吧下面这个放到哪即可。

<div id="translate"></div>
或者 
<span id="translate"></span>

用CSS来美化一下

<style>
.translateSelectLanguage{	
position: absolute;	
top:100px;	
right:100px;}
</style>

这就是控制切换语言的 <select> 标签


设定 select 切换语言,支持哪些语言可切换
<script>	
translate.selectLanguageTag.languages = 'zh-CN,zh-TW,en';  //注意要放到 translate.execute(); 上面	
translate.execute();
</script>


默认不设置此,则支持 简体中文、繁体中文、英语 三种。 可设置的语言包括:

de,hi,lt,hr,lv,ht,hu,zh-CN,hy,uk,mg,id,ur,mk,ml,mn,af,mr,uz,ms,el,mt,is,it,my,es,et,eu,ar,pt-PT,ja,ne,az,fa,ro,nl,en-GB,no,be,fi,ru,bg,fr,bs,sd,se,si,sk,sl,ga,sn,so,gd,ca,sq,sr,kk,st,km,kn,sv,ko,sw,gl,zh-TW,pt-BR,co,ta,gu,ky,cs,pa,te,tg,th,la,cy,pl,da,tr





本文标签:
新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

jq控制视频播放和暂停以及声音
jq控制视频播放和暂停以及声音

在网站开发的过程中,我们常常需要添加一些视频来让网站内容更加丰富,比如说网页中有一个按钮,点击按钮后...

PBOOTCMS图片水印不支持jpeg格式怎么处理?
PBOOTCMS图片水印不支持jpeg格式怎么处理?

在使用PBOOT的时候,我们发现在后台开启了上传图片时给图片打上水印的功能,但是客户在上传图片的时候始终打...

在线沟通
点我即可
对话
15899750475
手机
微信扫一扫

编辑 装修 价格 托管 实力 流量 搜索引擎 服务器 标准 上线 业务

微信
Top