技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運營

贊助商

分類目錄

贊助商

最新文章

搜索

JS中文簡繁體轉(zhuǎn)換【演示-源碼下載】

作者:admin    時間:2021-3-5 1:50:40    瀏覽:

中文簡繁體轉(zhuǎn)換，使用一個JS核心文件，就可實現(xiàn)，原來這么簡單。

JS中文簡繁體轉(zhuǎn)換 

JS中文簡繁體轉(zhuǎn)換

下面介紹一下實現(xiàn)方法，文章內(nèi)容含效果演示及源碼下載。

HTML完整代碼

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <title>js中文簡體繁體轉(zhuǎn)換</title>
    <style>
    body {
        background: #dddddd
    }
    
    .container {
        max-width: 600px;
        height: auto;
        margin: auto;
        padding: 50px 0px;
        font-family: "microsoft yahei"
    }
    
    .top {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-bottom: 15px;
    }
    
    .top a {
        width: 140px;
        height: 40px;
        display: block;
        float: left;
        margin-right: 10px;
        text-align: center;
        line-height: 40px;
        color: #00A1DF;
        text-decoration: none;
    }
    
    .detail {
        width: 500px;
        height: 300px;
        padding: 10px;
        line-height: 28px;
        text-indent: 0px;
        border: 5px solid #00A1DF;
    }
    </style>
</head>

<body>
    <div class="container">
        <div class="top"> <a href="javascript:zh_tran('s');" class="zh_click" id="zh_click_s">簡體</a> <a href="javascript:zh_tran('t');" class="zh_click" id="zh_click_t">繁體</a> </div>
        <textarea class="detail">js中文簡體繁體轉(zhuǎn)換</textarea>
    </div>
    <script type="text/javascript" src="js/chinese.js"></script>
</body>

</html>

execcodegetcode

HTML代碼引用了一個js文件chinese.js，這是中文簡繁體轉(zhuǎn)換的核心文件。該文件包含在源碼下載的壓縮包里，這里解釋幾個變量，我們可以通過更改變量參數(shù)來實現(xiàn)不同的效果，例如是否需要緩存、默認(rèn)是簡體還是繁體。

1、設(shè)置默認(rèn)字體和緩存時間

打開網(wǎng)頁時你要顯示什么字體？可以通過參數(shù)zh_choose來設(shè)置，s表示默認(rèn)簡體，t表示是繁體。

一般不需要緩存內(nèi)容，把參數(shù)zh_expires設(shè)置為-1。

var zh_choose='t'; /* s表示默認(rèn)簡體 t是繁體*/
var zh_expires=-1; /* 緩存天數(shù) -1表示不要緩存*/

2、簡體繁體按鈕的class名稱

var zh_class='zh_click';

參數(shù)zh_class值zh_click是HTML代碼里簡體繁體的按鈕class名稱和id前綴，如下面代碼。

<a href="javascript:zh_tran('s');" class="zh_click" id="zh_click_s">簡體</a>
<a href="javascript:zh_tran('t');" class="zh_click" id="zh_click_t">繁體</a>

 

標(biāo)簽: JQuery  簡繁體轉(zhuǎn)換  
x
  • 站長推薦
/* 左側(cè)顯示文章內(nèi)容目錄 */