一鍵實現整頁式繁簡即時互轉功能只要3個步驟 - 吉姆的電腦閣誌

吉姆的電腦閣誌

HTML5,Jquery,PHP,FreeBSD分享教學。電腦是用來節省時間及提升樂趣,不是用來把人綁住的。隨心而行,順著生命的脈動重新創造屬於自己的生活。

Breaking

Home Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

2015-06-09

一鍵實現整頁式繁簡即時互轉功能只要3個步驟

偉大的中國字自從網路時代來臨後,原本就分成繁簡二個世界的繁體中文與简体中文,井水與海水原本就相安無事,有興趣的人自行研讀即可。而現今網路成為生活必需品了,不管是社交或商業用途,很多網站都會採用繁简二種中文版本,畢竟中國市場可謂是真正的作一休一,作到一筆大生意就可以退休一輩子了。

因為趨勢潮流逼得我們不得不學著看懂简体,更要提供简体的版本以供台灣人口數80倍以上的大陸市場使用。繁简互轉的方式很多,最簡單的可以利用Google的翻譯功能,有些公司更用心,特別先前轉碼(可能慣用詞都轉)再製作简体版本。其實有個方式,利用Jquery函式庫的方法可以幫助您輕輕鬆鬆作到即時的一鍵繁简互轉。
  1. 下戴原始檔案

    請先到作者gitbub:https://github.com/hustlzp/jquery-s2t下戴jquery.s2t.js。
    在<head>...</head>之間加入以下程式碼:
    
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <!-- jquery.cookie.js --><script src='https://raw.githubusercontent.com/carhartl/jquery-cookie/master/src/jquery.cookie.js' type='text/javascript'/></script>
    <!-- jquery.s2t.js --><script src='https://raw.githubusercontent.com/hustlzp/jquery-s2t/master/jquery.s2t.js' type='text/javascript'/></script>
    
  2. 放置轉換按鈕

    在適當的位置加入轉換按鈕:
    <button id="btn-s2t">简</button>
  3. javascript語法 

    最後再啟用javascript內容:
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    $(document).ready(function(){
    
    var bodyIsFt = $.cookie("bodyIsFt");
    
    $('#btn-s2t').click(function () {
       // to simplified
       if (bodyIsFt == "1") {
       $.cookie("bodyIsFt", 0, { expires: 365, path: '/'});
       bodyIsFt = "0";
       $('#btn-s2t').text('简');
       $(document.body).t2s();
       } else {
       // to traditional
       $.cookie("bodyIsFt", 1, { expires: 365, path: '/'});
       bodyIsFt = "1";
       $('#btn-s2t').text('繁');
       $(document.body).s2t();
       }
    });
    
    });
      
    //-->
    </SCRIPT>
    
簡單3個步驟,是否解決了您的困擾了呢?

沒有留言:

Post Bottom Ad

Responsive Ads Here

Pages