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
Libérer: 2016-05-16 16:00:34
original
2640 Les gens l'ont consulté

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>
Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal