Wordpress 通過Javascript 實現頁面的繁簡字體切換方法
作者：焚花祭秋 / 发布时间：September 6, 2011 / 分类：博客.技巧 / 108 Comments
很早都想安裝一個這樣的切換按鈕,在網上搜索了幾個方法,總是有不完美的地方,所以一直也沒有加入這個功能,前幾天在博友Fourseven那看到有這個功能,問之,最後這哥們無私分享出來的.所以自己也做個備忘,原文傳送門,希望朋友們多多支持!
NO.1 首先是在header調用JS文件,可以直接調用google的拿來用,代碼如下:
1 2 | <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> |
Google調用地址
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js
NO.2 其次是下載繁簡轉換的JS文檔,放到主題根目錄下調用即可,第五行請自行修改,下載地址在文章最下面,調用代碼如下:
1 2 3 4 5 6 7 8 9 10 11 | <script type="text/javascript"
src="<?php bloginfo('template_directory'); ?>/tw_cn.js"></script>
<script type="text/javascript">
var defaultEncoding = 1; //預設是否繁體，0-簡體，1-繁體
var translateDelay = 0; //延遲設為0就好
var cookieDomain = "http://muo.me/"; //Cookie地址, 您網站的網址
var msgToTraditionalChinese = "繁體"; //預設切換成"繁體"的按鈕字樣
var msgToSimplifiedChinese = "簡體"; //預設切換成"簡體"的按鈕字樣
var translateButtonId = "translateLink"; //步驟1那個切換按鈕a標籤的id名稱
translateInitilization();
</script> |
NO.3 最後就是在需要添加的地方加入繁簡體轉換按鈕即可,代碼如下:
1 | <a id="translateLink">簡體</a> |
基本上就完成了,演示效果就如本博客sigle標題下面的繁簡體轉換,如果對樣式不太滿意可以自己在style裏添加樣式代碼,
又來借光了
註意MM好漂亮啊。
這個功能不錯 技術博客缺少不了
一般還是喜歡簡體的吧！繁體說實話還真不習慣啊
你還沒看到呀，暈，現在是只要鼠標往評論之類的地方一點， 他就會自動跑不見了，就跟側邊欄的最新文章一樣，不過這個跑一個屏幕了。
糾結，我點回復你點不到，亂跑，又買了什麼皮膚呀，···
@小柒:
嘿嘿 你能猜到的 呵呵
亂跑?
不會把 我這幾天沒動樣式的哦 暈
晚點我多換幾個瀏覽器測試測試
又看你博客裝了不少插件。。。·新功能 ·
@小柒:
折騰唄 閑著啥事啊 HOHO
有空在emlog上試下，不過這個小功能對我用處不太大