返回新闻列表

网站自动翻译成英文,谷歌翻译api,怎样能打开网站默认自动翻译

发布日期: 2021-11-10 | 来源: 智软设计工作室

测试可用,就是要加载下js

网站自动翻译成英文

谷歌翻译api,怎样能打开网站默认自动翻译,设置Cookie就行了。 


也可以做多语言翻译。去除隐藏css选择项就行了。


<style><!--隐藏长条-->

.goog-te-banner-frame.skiptranslate {

    display: none !important;

} body { top: 0px !important; }

.goog-tooltip {

    display: none !important;

}

.goog-tooltip:hover {

    display: none !important;

}

.goog-text-highlight {

    background-color: transparent !important;

    border: none !important; 

    box-shadow: none !important;

}

</style>


<div id="google_translate_element" style="display:none">

<!--我是谁?翻译条-->

</div>

<!---写入cookie,默认翻译语言-->

<script type="text/javascript">

function setCookie(name, value) {

                var Days = 30;

                var exp = new Date();

                exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);

                document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();

            }


setCookie("googtrans", "/en/en");


function googleTranslateElementInit() {

  new google.translate.TranslateElement({pageLanguage: 'zh-CN', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element');

}

</script>

<script type="text/javascript" src="//translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit">

</script>


推荐技术资料

好用的独立响应式css

2024-03-10

好用的独立响应式css,网站制作的时候很方便,@media响应式也也好了。在配合独立的格栅系统 ,就好用了。不用加载其他css框架梁https://www.002t.cn/jishuwenzhang/108.html 如果要用rem布局。在加载一个js响应式设置html字体大小。 https://www.002t.cn/jishuwenzhang/109.html/*重置标签*/html{-ms-text-s

阅读更多

2012iis+php7 老宝塔环境。php有时候出现500错误,但是重启iis就好了,解决办法探讨

2023-06-03

2012 widnows iis+php7 老宝塔环境,不是python版本,还是exe客户端,php网站有时候出现500错误,很难测试,有时候一个月都不会出现,但是重启iis就好了(或者等待几个小时他会自己好),(这次没打印错误,就直接重启了),解决办法看了很多文章,也都实验了。发现不行,最后我对比了下。宝塔python版本 搭建的环境发现。fa

阅读更多

html5 video 去除下载和画中画 和全屏按钮

2022-10-20

css/*所有控件video::-webkit-media-controls-enclosure{display: none;}*/video::-webkit-media-controls-fullscreen-button {display: none;}controlsList='nodownload' 去除下载disablePictureInPicture 去除画中画<video width="100%" height="100%" preload="

阅读更多

css字体自适应屏幕设置,CSS中字体响应式的设置

2022-06-20

现在我们在做网站的时候,都按照响应式制作。但是又时候字体怎么设置都屏幕不一样。效果感觉有点不太一样。今天就来研究一下响应式字体是怎么实现了。看了一些资料。想要响应式主要是字体设置单位不一样,单位主要如下:1vw = viewport宽度的1%1vh = viewport高度的1%1vmin = 1vw或者1vh中较小的值1vmax = 1vw或者1vh中较大

阅读更多

删除HTTrack Website软件下载的软件注释。

2024-03-21

使用正则模式查找替换即可。<!--(.*?Mirrored.*?)-->

阅读更多

pbootcms栏目三级分类循环与判断,更多级别也可以。

2024-04-28

大概 代码。是这样的。{pboot:nav num=10 parent=0}{pboot:if([nav:soncount]>0)}menu-item-has-children{/pboot:if} {pboot:2nav parent=[nav:scode]} {pboot:if([2nav:soncount]>0)}menu-item-has-children{/pboot:if} {pboot:3

阅读更多

PbootCMS速度优化方法 增加lfield属性限制字段 大数据量

2022-01-06

网页速度影响因素首先说明这里讲的网页速度是排除掉静态资源加载的,这里的速度是用户访问域名然后程序响应回来所花的时间,主要影响因素有以下几点:1、服务器配置配置高的服务器响应速度差别还是很明显的,但是一般情况下咱们的数据量不是超大,例如几万,那么区别不明显。2、CMS程序这个可能是影响这个速度最明显的地方,

阅读更多

pbootcms网站栏目有子类,怎么判断高亮

2023-03-15

解决办法,直接放二个判断即可,没有子栏目的判断{pboot:if('[nav:scode]'=='{sort:scode}')}selected{/pboot:if}点击了子栏目的判断{pboot:if('[nav:scode]'=='{sort:tcode}')}selected{/pboot:if}

阅读更多

pboot:list 标签 list:title 让他不带...

2021-10-18

设置:more=''参数即可{pboot:list scode=1 num=2 order=date} <li><a href="[list:link]">[list:title lencn=17 more='']</a></li> {/pboot:list}

阅读更多