基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
可以实现基于jQuery实现汉字转换成拼音代码。这是一款基于jQuery.Hz2Py.js插件实现的汉字转拼音特效。插件自行下载。使用方法如下(注意修改jq的引入路径)。
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>基于jQuery实现汉字转换成拼音代码</title>
<styletype="text/css">
#content{
border:1px#dbdbdbsolid;
width:700px;
height:50px;
padding:10px;
font-size:13px;
line-height:23px;
letter-spacing:15px;
}
#show{
border:1px#dbdbdbsolid;
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;
}
#showa{
color:#FF0000;
font-size:13px;
font-weight:bold;
}
</style>
<scriptsrc="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/jQuery.Hz2Py-min.js"></script>
<scripttype="text/javascript">
$(function(){
$("#content").live("keyupkeydownchangeblur",function(){
$("#show").val($(this).toPinyin());
});
});
</script>
</head><body>
<center>
在这里输入汉字<textareaid="content"></textarea><textareaid="show"></textarea>
</center></body></html>
演示地址:http://demo.jb51.net/js/2015/jQuery-hzzhwpy/
下载地址:https://www.nhooo.com/jiaoben/316390.html
以上所述就是本文的全部内容了,希望大家能够喜欢。
热门推荐
10 喜得孙子祝福语简短唯美
11 婚礼祝福语简短朴实大众
12 员工周年祝福语大全简短
13 家长回复节日祝福语简短
14 简短生日祝福语老同学
15 夜雨祝福语简短10字
16 蛋糕祝福语简短闺蜜
17 部门过年祝福语简短独特
18 简短精炼的结婚祝福语