国产女人被狂躁到高潮小说,亚洲日韩一区二区三区,色窝窝无码一区二区三区成人网站 ,丰满岳乱妇在线观看中字无码

400-800-9385
網站建設資訊詳細

PHP通過js做簡體和繁體切換

發表日期:2021-06-21 17:59:02   作者來源:劉紅旺   瀏覽:2930   標簽:簡繁體切換    
做中文繁體的網站可以通過js語言包去做簡體到繁體的切換,不用像中文轉英文怕用插件機翻讓人摸不著頭腦,下面介紹一下具體實現方法:
這里用的是Thinkphp框架
在通用控制器HomeController.class.php中 保存一個cookie 記錄當前的語言,
<?php
function __construct() {
    parent::__construct();
    $zh_web_lang = array();
    $lang = cookie('zh_web_lang');
    //誰放在前面,誰為默認的顯示。
    if ($lang == "jianti") {
        $zh_web_lang['hreflang'] = "s";
        $zh_web_lang['atuolang'] = "t";
        $zh_web_lang['lang'] = "fanti";
        $zh_web_lang['html'] = "簡體中文";
    } else {
        $zh_web_lang['hreflang'] = "t";
        $zh_web_lang['atuolang'] = "s";
        $zh_web_lang['lang'] = "jianti";
        $zh_web_lang['html'] = "繁體中文";
    }
    $this->assign('zh_web_lang', $zh_web_lang); //輸出默認語言
}
 
2創建一個方法用于切換cookie
 
<?php
public function trunlang() {
    if (IS_POST) {
        $lang = cookie('zh_web_lang');
        if ($lang == "jianti") {
            cookie('zh_web_lang', 'fanti');
        } else {
            cookie('zh_web_lang', 'jianti');
        }
    } else {
        $this->redirect('Index/index');
    }
}
 
 
3. 在前端文件中用js去切換語言
<a href="javascript:zh_lang('{$zh_web_lang.hreflang}');" id="zh_lang"
   data-lang="{$zh_web_lang.lang}">{$zh_web_lang.html}
</a>
<script type="text/javascript" src="/Public/js/lang.js?v=2"></script>
<script type="text/javascript">
    // 簡體繁體中文切換
    function zh_lang(go) {
        $.ajax({ url: "{:U('Index/trunlang')}",
            type: "POST",
            cache: false,
            success: function () {
                var tran_a = $('#zh_lang');
                if (tran_a.attr("data-lang") == "fanti") {
                    // 轉換成簡體
                    tran_a.attr("href", "javascript:zh_lang('t');");
                    tran_a.attr("data-lang", 'jianti');
                    tran_a.html('繁體中文');
                } else {
                    // 轉換成繁體
                    tran_a.attr("href", "javascript:zh_lang('s');");
                    tran_a.attr("data-lang", 'fanti');
                    tran_a.html('簡體中文');
                }
                zh_tran(go);
            }
        });
    }
    window.onload = $(function () {
        zh_tran("{$zh_web_lang.atuolang}");
    });
</script>
 
上面的引入的js文件如下
https://github.com/Irrelon/jquery-lang-js
 
如果簡體和繁體的切換標識需要分開的,可以把上面的a標簽修改成下面的即可
 
<li class="{:$zh_web_lang['atuolang']=='s'?'on':''}">
    <a
    <if condition="$zh_web_lang['atuolang'] eq 't'">href="javascript:zh_lang('{$zh_web_lang.hreflang}','j');"</if>
    class="zh_lang" data-lang="{$zh_web_lang.lang}">{$Think.lang.Zh-cn}</a>
</li>
<li class="{:$zh_web_lang['atuolang']=='t'?'on':''}">
    <a
    <if condition="$zh_web_lang['atuolang'] eq 's'">href="javascript:zh_lang('{$zh_web_lang.hreflang}','f');"</if>
    class="zh_lang" data-lang="{$zh_web_lang.lang}">{$Think.lang.Tw-cn}</a>
</li>
 
 
這樣就能實現全站文字簡體轉成繁體,缺點就是圖上的文字要單獨切成文字,不能做成和圖片一體的,還有就是個別文字會出現沒有轉譯,還是簡體的情況,但是作為同種同源的字體大部分人還是能看懂。優點就是不用做兩個后臺對資料進行兩次輸入還是比較方便的,不像中文轉譯英文,后臺錄入比用插件好,最起碼意思不會亂,搞得別人看不懂。

1.下面是簡體的效果:

網站導航設計1

2. 點擊切換效果:

網站導航設計2

  • 切換頁面依然保持著繁體效果,以前介紹過通過谷歌插件中文切換英文也是通過js實現的,每次切換頁面都收從中文變成英文體驗不好。還有一種通過接口去翻譯后臺輸出的每一句文字,可以解決這個問題,比較麻煩。

網站導航設計3

  • 轉英文具體可以:https://gtranslate.io/#pricing 可以在這里了解相關的介紹

網站功能費用

如沒特殊注明,文章均為方維網絡原創,轉載請注明來自http://www.sdlwjx666.com/news/6078.html