基于jQuery.Hz2Py.js插件實現(xiàn)的漢字轉拼音特效
更新時間：2015年05月07日 10:02:57 投稿：hebedich
jQuery.Hz2Py.js插件實現(xiàn)的漢字轉拼音是一款很實用的在線轉換功能，此插件已經把漢字打包成一個插件庫，調用的時間很簡單，只調用一個方法就可以實現(xiàn)轉換了
可以實現(xiàn)基于jQuery實現(xiàn)漢字轉換成拼音代碼。這是一款基于jQuery.Hz2Py.js插件實現(xiàn)的漢字轉拼音特效。插件自行下載。使用方法如下（注意修改jq的引入路徑）。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基于jQuery實現(xià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.fzitv.net/jiaoben/316390.html
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
這篇文章主要介紹了jQuery中DOM樹操作之復制元素的方法,實例分析了DOM樹復制元素的使用技巧,需要的朋友可以參考下2015-01-01
今天總結一下jQuery事件，這是比較重要的一塊，希望本次總結能幫助到很多同我一樣的新手2014-06-06
這篇文章主要介紹了jQuery簡單獲取DIV和A標簽元素位置的方法,結合實例形式分析了jQuery針對頁面div及A標簽元素相關操作技巧,需要的朋友可以參考下2017-02-02
這篇文章主要給大家分享了一段jquery實現(xiàn)動態(tài)畫圓代碼,需要的朋友可以參考下2014-12-12
何為頁面 Mask (遮罩)？看過 jQuery 的 Lightbox 插件的一定不會陌生。就是在頁面上建一個透明層遮蓋住頁面的全部內部。2010-01-01
這篇文章主要介紹了jQuery搜索子元素的方法,實例分析了children、find等方法的使用技巧,需要的朋友可以參考下2015-02-02
jQuery實現(xiàn)百度圖片移入移出內容提示框上下左右移動的效果
這篇文章主要介紹了jQuery實現(xiàn)百度圖片移入移出內容提示框上下左右移動的效果,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-06-06
JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法
這篇文章主要介紹了JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法,實例分析了jQuery操作鼠標事件及顏色的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
用JavaScript解析XML數(shù)據(jù)是常見的編程任務，JavaScript能做的，JQuery當然也能做。下面我們來總結幾個使用JQuery解析XML的例子2014-03-03
這篇文章主要為大家詳細介紹了jquery實現(xiàn)拖拽添加元素功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12