基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

jQuery.Hz2Py.js插件实现的汉字转拼音是一款很实用的在线转换功能，此插件已经把汉字打包成一个插件库，调用的时间很简单，只调用一个方法就可以实现转换了

可以实现基于jQuery实现汉字转换成拼音代码。这是一款基于jQuery.Hz2Py.js插件实现的汉字转拼音特效。插件自行下载。使用方法如下(注意修改jq的引入路径)。

1. <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
2. <title>基于jQuery实现汉字转换成拼音代码</title> 
3. <style type="text/css"> 
4. #content{ 
5. border: 1px #dbdbdb solid; 
6. width: 700px; 
7. height: 50px; 
8. padding: 10px; 
9. font-size: 13px; 
10. line-height: 23px; 
11. letter-spacing: 15px; 
12. } 
13. #show{ 
14. border: 1px #dbdbdb solid; 
15. width: 700px; 
16. height: 50px; 
17. padding: 10px; 
18. font-size: 12px; 
19. color: #FF0000; 
20. line-height: 23px; 
21. margin-top: 2px; 
22. letter-spacing: 1px; 
23. overflow-x: hide; 
24. overflow-y: auto; 
25. } 
26. #show a { 
27. color: #FF0000; 
28. font-size: 13px; 
29. font-weight: bold; 
30. } 
31. </style> 
32.  
33. <script src="js/jquery.min.js"></script> 
34.  
35. <script type="text/javascript" src="js/jQuery.Hz2Py-min.js"></script> 
36.  
37. <script type="text/javascript"> 
38. $(function () { 
39. $("#content").live("keyup keydown change blur", function () { 
40. $("#show").val($(this).toPinyin()); 
41. }); 
42. }); 
43. </script> 
44. </head><body> 
45. <center> 
46. 在这里输入汉字 <textarea id="content"> </textarea> <textarea id="show"></textarea> 
47. </center></body></html> 

以上所述就是本文的全部内容了，希望大家能够喜欢。