WordPress 通過Javascript 實現頁面的繁簡字體切換方法
公元2011年09月06日博主被107人群毆打醬油看熱鬧的有:16,019 views
WordPress 通過Javascript 實現頁面的繁簡字體切換方法
很早都想安裝一個這樣的切換按鈕,在網上搜索了幾個方法,總是有不完美的地方,所以一直也沒有加入這個功能,前幾天在博友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裏添加樣式代碼,
 |
 |
 |
又來借光了