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


Posted in Javascript onMay 07, 2015

可以实现基于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>

演示地址:http://demo.3water.com/js/2015/jQuery-hzzhwpy/

下载地址:https://3water.com/jiaoben/316390.html

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
Javascript 个人笔记(没有整理,很乱)
Jul 07 Javascript
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
IE中图片的onload事件无效问题和解决方法
Jun 06 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
Angularjs CURD 详解及实例代码
Sep 14 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
JavaScript更改字符串的大小写
May 07 #Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 #Javascript
JS基于面向对象实现的放烟花效果
May 07 #Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 #Javascript
javascript实现的图片切割多块效果实例
May 07 #Javascript
javascript中indexOf技术详解
May 07 #Javascript
javascript限制文本框输入值类型的方法
May 07 #Javascript
You might like
深入理解PHP原理之异常机制
2010/08/21 PHP
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
php生成随机数的三种方法
2014/09/10 PHP
php制作简单模版引擎
2016/04/07 PHP
php数组指针操作详解
2017/02/14 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
DWZ table的原生分页浅谈
2013/03/01 Javascript
用jquery存取照片的具体实现方法
2013/06/30 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
Vue下拉框回显并默认选中随机问题
2018/09/06 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
python中xrange和range的区别
2014/05/13 Python
python通过yield实现数组全排列的方法
2015/03/18 Python
Python文件读写保存操作的示例代码
2018/09/14 Python
python数据预处理 :数据抽样解析
2020/02/24 Python
使用Django xadmin 实现修改时间选择器为不可输入状态
2020/03/30 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
出纳的岗位职责
2013/11/09 职场文书
超市端午节活动方案
2014/01/23 职场文书
和谐家庭演讲稿
2014/05/24 职场文书
专业见习报告范文
2014/11/03 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
学习习近平主席讲话心得体会
2016/01/20 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL