首頁 > 開發者 > JavaScript

基於jQuery.Hz2Py.js外掛程式實現的漢字轉拼音特效

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

基於jQuery.Hz2Py.js外掛程式實現的漢字轉拼音特效

　　jQuery.Hz2Py.js外掛程式實現的漢字轉拼音是一款很實用的線上轉換功能，此外掛程式已經把漢字打包成一個外掛程式庫，調用的時間很簡單，只調用一個方法就可以實現轉換了

　　可以實現基於jQuery實現漢字轉換成拼音代碼。這是一款基於jQuery.Hz2Py.js外掛程式實現的漢字轉拼音特效。外掛程式自行下載。使用方法如下(注意修改jq的引入路徑)。

　　?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<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>

　 　以上所述就是本文的全部內容了，希望大家能夠喜歡。

 

        注< >：更多精彩教程請關注幫客之家編程

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More