suchen

Heim >Web-Frontend >js-Tutorial >Konvertierung chinesischer Zeichen in Pinyin-Spezialeffekte basierend auf jQuery.Hz2Py.js plug-in_jquery

Konvertierung chinesischer Zeichen in Pinyin-Spezialeffekte basierend auf jQuery.Hz2Py.js plug-in_jquery

WBOY
WBOYOriginal
2016-05-16 16:00:342645Durchsuche

Kann chinesische Schriftzeichen basierend auf jQuery in Pinyin-Codes umwandeln. Dies ist ein chinesischer Zeichen-zu-Pinyin-Spezialeffekt, der basierend auf dem jQuery.Hz2Py.js-Plug-in implementiert wird. Das Plug-in wird selbstständig heruntergeladen. Die Verwendungsmethode ist wie folgt (Hinweis zum Ändern des Importpfads von jq). 

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基于jQuery实现汉字转换成拼音代码</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>

Demo-Adresse: http://demo.jb51.net/js/2015/jQuery-hzzhwpy/

Download-Adresse: http://www.jb51.net/jiaoben/316390.html

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So erhalten Sie alle Parameter der Funktionsaufrufkette in JSNächster Artikel：So erhalten Sie alle Parameter der Funktionsaufrufkette in JS

In Verbindung stehende Artikel

Mehr sehen