translate.js插件可能便捷实现网站多语言实时翻译功能-script src=https://res.zvo.cn/translate/translate.js /script body h2 温县酒店婚礼宴会厅的灯光秀才是...

建站技术分享网

建站技术分享网
首页>> js >>translate.js插件可能便捷实现网站多语言实时翻译功能
<script src="https://res.zvo.cn/translate/translate.js"></script>

<body>
<h2>温县酒店婚礼宴会厅的灯光秀才是整场婚宴设计的灵魂</h2>
<p>温县宴会厅设计,温县婚礼堂改造。婚礼宴会厅的灯光秀玩的就是一个震撼,重要时刻婚礼那天人间不白来一回。 #婚礼那天 #婚礼堂改造 #宴会厅设计 #全案设计全案落地 温县
</p>

<pre>#后内容不翻译</pre>
</body>

<style>
.title{
	font-size:24px;
	padding-top:15px;
	padding-bottom:10px;
}
</style>
<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>

<div id="translate">
	select选择框切换语言:
</div>

<script>
//translate.ignore.tag.push('img'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。
//translate.ignore.class.push('test');	//翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个
//var documents = [];
//documents.push(document.getElementById('ajax'));
//documents.push(document.getElementById('test2'));
//documents.push(document.getElementById('test3'));
//translate.setDocuments(documents); //指定要翻译的元素的集合,可传入一个或多个元素。如果不设置,默认翻译整个网页
//translate.setAutoDiscriminateLocalLanguage();	//设置用户第一次用时,自动识别其所在国家的语种进行切换
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认就是 'chinese_simplified' 简体中文。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明
translate.service.use('client.edge');
translate.language.setUrlParamControl(); //url参数后可以加get方式传递 language 参数的方式控制当前网页以什么语种显示
translate.listener.start();	//开启html页面变化的监控,对变化部分会进行自动翻译。注意,这里变化区域,是指使用 translate.setDocuments(...) 设置的区域。如果未设置,那么为监控整个网页的变化
translate.execute(); //执行翻译初始化操作,显示出select语言选择
</script>


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:FEIBA分享博客 » translate.js插件可能便捷实现网站多语言实时翻译功能

发表评论

路人甲

网友评论(0)