菜单 eyoucms模板网

站长经验总结
简介:国际化,网页自动翻译,同谷歌浏览器自动翻译的效果,适用于网站。 使用步骤:1. 引入js库<script src="https://www.eyhtml.com/translate/translate.js"></script>2. 在页面最底部加入js代码//translate.ignore.tag.push(‘span‘); /

网页自动翻译成英文和繁体中文的操作方法

发布时间:2023-05-15 15:58:45
点击次数:979
复制本文链接

(图1)

简介:
国际化,网页自动翻译,同谷歌浏览器自动翻译的效果,适用于网站。



 使用步骤:

1. 引入js库

	<script src="https://www.eyhtml.com/translate/translate.js"></script>	

2. 在页面最底部加入js代码

//translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。
//translate.ignore.class.push('test');	//翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个
//translate.setAutoDiscriminateLocalLanguage();	//设置用户第一次用时,自动识别其所在国家的语种进行切换
translate.setUseVersion2(); //设置使用v2.x 版本
translate.execute(); //执行翻译初始化操作,显示出select语言选择	

注意,要在页面最底部加。如果你在页面顶部加,那下面的是不会被翻译的

如果你网页中有ajax请求更新了数据,要对其更新的数据进行翻译时,可直接执行 translate.execute(); 进行翻译





<div class="title">语言切换示例:</div>    

<div>    

按钮切换语言:    

<a class="ignore" href="javascript:translate.changeLanguage('english');">English</a> |    

<a class="ignore" href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a> |    

<a class="ignore" href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a>    

</div>    





收藏

相关文章

加载中~
模板购买咨询
定制仿站咨询
24小时客服
18030990768


模板购买咨询
定制仿站咨询
24小时客服
18030990768