幾行代碼爲本身的網站添加劃詞翻譯功能

爲網站添加自動翻譯網頁、網頁劃詞、在線翻譯、在線詞典、每日一句功能。 　　適合各種網站 　　百變語種，自動翻譯網頁

　　把中文的網站，變成十幾種不一樣語種的網站，會不會感受很新奇？ 要實現自動翻譯網站上文字的功能，看似很困難，可是經過，百度，Google的翻譯小工具實現起來就很是簡單。只要添加一段網頁源代碼，就能夠翻譯多種語種的網頁，讓其餘國家的用戶也能看懂你的網站。 說簡單，那是真簡單——將如下代碼加入網站合適位置，就能夠實現網頁的多語種翻譯了。 　　<script src="http://www.gmodules.com/ig/ifr？url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=zh-CN&w=160&h=60&title=&border=&output=js"></script> 　　若是使用的是CMS網站管理系統，如joomla,phpwind,wordpress,discuz等，須要對全站的頁面添加該工具，則能夠直接在程序模板中添加以上代碼。添加完成後，打開網站頁面，並提供對該網頁自動翻譯的即時訪問。 　　代碼添加完成後，切換到網站頁面，網頁中將出現百度，Google翻譯的工具圖標（圖1），下拉列表中提供了英語、日語、德語、法語等幾十種語種的翻譯功能。這樣一來在瀏覽網站時，若是須要翻譯成外語，直接在工具的下拉菜單中選擇須要的語種便可。 在線學習，實如今線翻譯功能

　　在線翻譯功能很是實用，對於面向國外瀏覽者的網站來講，也是網站人性化的一種體現。在網站上添加翻譯的功能，並不須要多大的空間，若是是工具類網站，能夠看成是另外提供的小工具，我的網站或博客則能夠方便本身對外文的翻譯和學習。

　　咱們一樣能夠經過簡單地添加代碼來實現這一功能，谷歌、百度等多個網站都推出了在線翻譯工具，這裏咱們以谷歌爲例說明在網頁中添加在線翻譯工具的方法。 　　用Dreamweaver或者其餘網頁編輯軟件打開網頁，在合適的位置加入如下代碼： 　　<table><tr><td align="center"><form action=http://translate.google.com/translate_t method=post target=_blank name=form1> 　　<div align="left"><textarea name="text" cols="70" rows="4"></textarea> 　　</div><tr><td align="center"><p align="left"> 　　<SELECT name=langpair style="width:350px; "> 　　<OPTION class=line-above value=zh|en>中文到英語</OPTION></SELECT> 　　<input name="submit" type=submit value=" 翻 譯 "></p></td></tr></form> 　　這裏咱們只提供了從中文到英語的翻譯功能（圖2），其餘語種如需添加，能夠在咱們提供下載的壓縮文件中得到。谷歌在線翻譯提供了很是豐富的外語翻譯功能，若是須要刪減不須要的語種翻譯功能，只要刪除下拉菜單中的選項便可，方法是直接刪除<OPTION>和</OPTION>這一行標記語言。 網頁劃詞，讓詞組翻譯最快

　　網頁劃詞功能就是在瀏覽網頁時看到一個關鍵詞，用鼠標選中該詞後就會自動出現它的外文釋義（咱們經常使用的外語學習軟件金山詞霸也有這個功能，稱爲「屏幕取詞工具」）。它以開放資源應用接口爲特點，開發者能夠本身定製檢索對象資源庫，也能夠直接以Google、百度等搜索引擎爲檢索對象資源庫。

　　1．添加英語劃詞翻譯功能

　　只須在網頁的任意位置添加如下代碼，就能夠實現英文劃詞查詢的功能（圖3）

<script src="http://dict.cn/hc/" type="text/javascript"></script>

<script type="text/javascript"> dictInit(); </script>

網站用戶取詞開關：代碼：<span id="dict_status"></span> 使用div自定義：打開Dreamweaver，首頁上面繪出一個 div ，而後把咱們的從 dict.cn 上面獲得的顯示每日口語的腳本放上就ok了，固然惟一一點值得注意的就是 div 的優先級，由於若是使咱們自定義的 div 不指定他的優先級會被上面的 div 覆蓋，就不能顯示了。下面給出代碼，把它放到網站後臺的自定義 css 模塊裏面就行了。

#topdictcn{ position:absolute; font-size:12px; left:200px; top: 96px; z-index:100; }

上面拿個層的z-index定義成一百就是讓他在最上面，而後在頁首html代碼裏面添加下面的代碼就搞定了。

<div id="topdictcn"> <span id="dict_daily"> <a href="http://dict.cn/" target="_blank">Dict.CN</a> </span> <script language="JavaScript" src="http://dict.cn/daily.php" defer="defer"> </script> </div> 下面在看看如何添加劃詞翻譯功能，其實也是很簡單，加入下面的代碼 <script src="http://dict.cn/hc/" type="text/javascript"></script> <script type="text/javascript"> dictInit(); </script> 也能夠添加一個劃詞翻譯開關，在你想要的位置加入下面代碼就搞定了 <span id="dict_status"></span>

介紹到這裏，這樣作的好處，免去安裝翻譯詞典， end