基于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 相关文章推荐
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
jQuery jcrop插件截图使用方法
Nov 20 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
JavaScript计算出两个数的差值
Mar 19 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 邮件发送问题解决
2014/03/22 PHP
修改PHP脚本使WordPress拦截垃圾评论的方法示例
2015/12/10 PHP
在Mac OS的PHP环境下安装配置MemCache的全过程解析
2016/02/15 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
javascript获取当前ip的代码
2009/05/10 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
js调用iframe实现打印页面内容的方法
2014/03/04 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
2016/05/05 Javascript
jQuery中的each()详细介绍(推荐)
2016/05/25 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
js运动事件函数详解
2016/10/21 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
JavaScript引用类型RegExp基本用法详解
2018/08/09 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
Python列表list排列组合操作示例
2018/12/18 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
python 实现简单的FTP程序
2019/12/27 Python
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
师范毕业生自我鉴定
2014/01/15 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
初三学生个人自我评定
2014/04/06 职场文书
庆国庆活动总结
2014/08/28 职场文书
2014年施工员工作总结
2014/11/18 职场文书
2014离婚协议书范文(3篇)
2014/11/29 职场文书
写给领导的感谢信
2015/01/22 职场文书
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers