基于jQuery.Hz2Py.js插件實現(xiàn)的漢字轉(zhuǎn)拼音特效
可以實現(xiàn)基于jQuery實現(xiàn)漢字轉(zhuǎn)換成拼音代碼。這是一款基于jQuery.Hz2Py.js插件實現(xiàn)的漢字轉(zhuǎn)拼音特效。插件自行下載。使用方法如下(注意修改jq的引入路徑)。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>基于jQuery實現(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.dbjr.com.cn/jiaoben/316390.html
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- js漢字轉(zhuǎn)拼音實現(xiàn)代碼
- JS實現(xiàn)超簡單的漢字轉(zhuǎn)拼音功能示例
- JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法
- javascript 漢字轉(zhuǎn)拼音實現(xiàn)代碼
- Javascript實現(xiàn)漢字和拼音互轉(zhuǎn)的終極方案
- JavaScript實現(xiàn)漢字轉(zhuǎn)換為拼音的庫文件示例
- javascript漢字轉(zhuǎn)拼音的代碼
- javascript 漢字與拼音轉(zhuǎn)換
- javascript實現(xiàn)漢字轉(zhuǎn)拼音代碼分享
- JavaScript實現(xiàn)漢字轉(zhuǎn)換為拼音及縮寫的方法示例
相關(guān)文章
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本2009-07-07jQuery中hover方法搭配css的hover選擇器,實現(xiàn)選中元素突出顯示方法
下面小編就為大家?guī)硪黄猨Query中hover方法搭配css的hover選擇器,實現(xiàn)選中元素突出顯示方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05一些主流JS框架中DOMReady事件的實現(xiàn)小結(jié)
在實際應(yīng)用中,我們經(jīng)常會遇到這樣的場景,當(dāng)頁面加載完成后去做一些事情:綁定事件、DOM操作某些結(jié)點等。2011-02-02jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時,就想找一種省時省力的方法,下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03