基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

2024-05-06 16:19:35

字体：大中小

来源：转载

供稿：网友

jQuery.Hz2Py.js插件实现的汉字转拼音是一款很实用的在线转换功能，此插件已经把汉字打包成一个插件库，调用的时间很简单，只调用一个方法就可以实现转换了

可以实现基于jQuery实现汉字转换成拼音代码。这是一款基于jQuery.Hz2Py.js插件实现的汉字转拼音特效。插件自行下载。使用方法如下(注意修改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>