recherche

Maison >interface Web >js tutoriel >Conversion de caractères chinois en effets spéciaux pinyin basés sur le plug-in jQuery.Hz2Py.js_jquery

Conversion de caractères chinois en effets spéciaux pinyin basés sur le plug-in jQuery.Hz2Py.js_jquery

WBOY
WBOYoriginal
2016-05-16 16:00:342632parcourir

Peut convertir des caractères chinois en codes pinyin basés sur jQuery. Il s'agit d'un effet spécial de caractère chinois en Pinyin implémenté sur la base du plug-in jQuery.Hz2Py.js. Le plug-in se télécharge tout seul. La méthode d'utilisation est la suivante (attention à modifier le chemin d'importation de 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>

Adresse de démonstration : http://demo.jb51.net/js/2015/jQuery-hzzhwpy/

Adresse de téléchargement : http://www.jb51.net/jiaoben/316390.html

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment obtenir tous les paramètres de la chaîne d'appel de fonction dans JSArticle suivant：Comment obtenir tous les paramètres de la chaîne d'appel de fonction dans JS

Articles Liés

Voir plus