基于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中获取下个月一号,是星期几
Jun 01 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 Javascript
微信小程序云开发实现增删改查功能
May 17 Javascript
JavaScript实现随机点名程序
Mar 25 Javascript
微信小程序实现时间戳格式转换
Jul 20 Javascript
字节飞书面试promise.all实现示例
Jun 16 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输出时间格式
2013/08/31 PHP
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
javascript实现的网站访问量统计代码
2015/12/20 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
用JS实现选项卡
2020/03/23 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
浅谈python print(xx, flush = True) 全网最清晰的解释
2020/02/21 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
英国在线药房:Express Chemist
2019/03/28 全球购物
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
如何写一封打动人心的求职信
2014/02/17 职场文书
美化环境标语
2014/06/20 职场文书
应届生求职信范文
2014/06/30 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
学校2014年度工作总结
2014/12/06 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
党员承诺书范文2015
2015/04/27 职场文书
品德与社会教学反思
2016/02/24 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android