基于jQuery.Hz2Py.js插件實現(xiàn)的漢字轉(zhuǎn)拼音特效
可以實現(xiàn)基于jQuery實現(xiàn)漢字轉(zhuǎn)換成拼音代碼。這是一款基于jQuery.Hz2Py.js插件實現(xiàn)的漢字轉(zhuǎn)拼音特效。插件自行下載。使用方法如下(注意修改jq的引入路徑)。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基于jQuery實現(xiàn)漢字轉(zhuǎn)換成拼音代碼</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>
演示地址:http://demo.jb51.net/js/2015/jQuery-hzzhwpy/
下載地址:http://www.dbjr.com.cn/jiaoben/316390.html
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- js漢字轉(zhuǎn)拼音實現(xiàn)代碼
- JS實現(xiàn)超簡單的漢字轉(zhuǎn)拼音功能示例
- JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法
- javascript 漢字轉(zhuǎn)拼音實現(xiàn)代碼
- Javascript實現(xiàn)漢字和拼音互轉(zhuǎn)的終極方案
- JavaScript實現(xiàn)漢字轉(zhuǎn)換為拼音的庫文件示例
- javascript漢字轉(zhuǎn)拼音的代碼
- javascript 漢字與拼音轉(zhuǎn)換
- javascript實現(xiàn)漢字轉(zhuǎn)拼音代碼分享
- JavaScript實現(xiàn)漢字轉(zhuǎn)換為拼音及縮寫的方法示例
相關文章
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本2009-07-07
jQuery中hover方法搭配css的hover選擇器,實現(xiàn)選中元素突出顯示方法
下面小編就為大家?guī)硪黄猨Query中hover方法搭配css的hover選擇器,實現(xiàn)選中元素突出顯示方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
一些主流JS框架中DOMReady事件的實現(xiàn)小結
在實際應用中,我們經(jīng)常會遇到這樣的場景,當頁面加載完成后去做一些事情:綁定事件、DOM操作某些結點等。2011-02-02
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復多次同樣的事時,就想找一種省時省力的方法,下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03

