基于jQuery.Hz2Py.js插件實(shí)現(xiàn)的漢字轉(zhuǎn)拼音特效

更新時(shí)間：2015年05月07日 10:02:57 投稿：hebedich

jQuery.Hz2Py.js插件實(shí)現(xiàn)的漢字轉(zhuǎn)拼音是一款很實(shí)用的在線轉(zhuǎn)換功能，此插件已經(jīng)把漢字打包成一個(gè)插件庫(kù)，調(diào)用的時(shí)間很簡(jiǎn)單，只調(diào)用一個(gè)方法就可以實(shí)現(xiàn)轉(zhuǎn)換了

可以實(shí)現(xiàn)基于jQuery實(shí)現(xiàn)漢字轉(zhuǎn)換成拼音代碼。這是一款基于jQuery.Hz2Py.js插件實(shí)現(xiàn)的漢字轉(zhuǎn)拼音特效。插件自行下載。使用方法如下（注意修改jq的引入路徑）。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基于jQuery實(shí)現(xiàn)漢字轉(zhuǎn)換成拼音代碼</title>
<style type="text/css">
#content{
border: 1px #dbdbdb solid;
width: 700px;
height: 50px;
padding: 10px;
font-size: 13px;
line-height: 23px;
letter-spacing: 15px;
}
#show{
border: 1px #dbdbdb solid;
width: 700px;
height: 50px;
padding: 10px;
font-size: 12px;
color: #FF0000;
line-height: 23px;
margin-top: 2px;
letter-spacing: 1px;
overflow-x: hide;
overflow-y: auto;
}
#show a {
color: #FF0000;
font-size: 13px;
font-weight: bold;
}
</style>
 
<script src="js/jquery.min.js"></script>
 
<script type="text/javascript" src="js/jQuery.Hz2Py-min.js"></script>
 
<script type="text/javascript">
    $(function () {
      $("#content").live("keyup keydown change blur", function () {
        $("#show").val($(this).toPinyin());
      });
    });
  </script>
 </head><body>
<center>
  在這里輸入漢字 <textarea id="content"> </textarea> <textarea id="show"></textarea>
</center></body></html>

演示地址：http://demo.jb51.net/js/2015/jQuery-hzzhwpy/

下載地址：http://www.dhdzp.com/jiaoben/316390.html

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jQuery中DOM樹(shù)操作之復(fù)制元素的方法
這篇文章主要介紹了jQuery中DOM樹(shù)操作之復(fù)制元素的方法,實(shí)例分析了DOM樹(shù)復(fù)制元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery學(xué)習(xí)總結(jié)之jQuery事件
今天總結(jié)一下jQuery事件，這是比較重要的一塊，希望本次總結(jié)能幫助到很多同我一樣的新手
2014-06-06
jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法
這篇文章主要介紹了jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面div及A標(biāo)簽元素相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02
jquery實(shí)現(xiàn)動(dòng)態(tài)畫(huà)圓
這篇文章主要給大家分享了一段jquery實(shí)現(xiàn)動(dòng)態(tài)畫(huà)圓代碼,需要的朋友可以參考下
2014-12-12
jQuery 頁(yè)面 Mask實(shí)現(xiàn)代碼
何為頁(yè)面 Mask (遮罩)？看過(guò) jQuery 的 Lightbox 插件的一定不會(huì)陌生。就是在頁(yè)面上建一個(gè)透明層遮蓋住頁(yè)面的全部?jī)?nèi)部。
2010-01-01
jQuery搜索子元素的方法
這篇文章主要介紹了jQuery搜索子元素的方法,實(shí)例分析了children、find等方法的使用技巧,需要的朋友可以參考下
2015-02-02
jQuery實(shí)現(xiàn)百度圖片移入移出內(nèi)容提示框上下左右移動(dòng)的效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)百度圖片移入移出內(nèi)容提示框上下左右移動(dòng)的效果,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-06-06
JQuery實(shí)現(xiàn)動(dòng)態(tài)適時(shí)改變字體顏色的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)動(dòng)態(tài)適時(shí)改變字體顏色的方法,實(shí)例分析了jQuery操作鼠標(biāo)事件及顏色的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jquery解析xml字符串示例分享
用JavaScript解析XML數(shù)據(jù)是常見(jiàn)的編程任務(wù)，JavaScript能做的，JQuery當(dāng)然也能做。下面我們來(lái)總結(jié)幾個(gè)使用JQuery解析XML的例子
2014-03-03
jquery實(shí)現(xiàn)拖拽添加元素功能
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽添加元素功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12