Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 16:00:34
Original
2624 Leute haben es durchsucht

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>
Nach dem Login kopieren

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage