Rumah > hujung hadapan web > tutorial js > Penukaran aksara Cina kepada kesan khas pinyin berdasarkan jQuery.Hz2Py.js plug-in_jquery

Penukaran aksara Cina kepada kesan khas pinyin berdasarkan jQuery.Hz2Py.js plug-in_jquery

WBOY
Lepaskan: 2016-05-16 16:00:34
asal
2657 orang telah melayarinya

Boleh menukar aksara Cina kepada kod pinyin berdasarkan jQuery. Ini ialah aksara Cina kepada kesan khas Pinyin yang dilaksanakan berdasarkan pemalam jQuery.Hz2Py.js. Pemalam dimuat turun dengan sendirinya. Kaedah penggunaan adalah seperti berikut (nota untuk mengubah suai laluan import 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>
Salin selepas log masuk

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

Alamat muat turun: http://www.jb51.net/jiaoben/316390.html

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan