基于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中的几个关键概念的理解-原型链的构建
May 12 Javascript
JavaScript基础知识之数据类型
Aug 06 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
vue中使用ueditor富文本编辑器
Feb 08 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
js实现无刷新监听URL的变化示例代码详解
Jun 03 Javascript
JavaScript前端面试扁平数据转tree与tree数据扁平化
Jun 14 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用正则表达式匹配URL的简单方法
2013/11/12 PHP
yii操作session实例简介
2014/07/31 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
jQuery 幻灯片插件(带缩略图功能)
2011/01/24 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
vue.js组件之间传递数据的方法
2017/07/10 Javascript
js实现本地图片文件拖拽效果
2017/07/18 Javascript
小程序实现横向滑动日历效果
2019/10/21 Javascript
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
Python 稀疏矩阵-sparse 存储和转换
2017/05/27 Python
Python下载网络小说实例代码
2018/02/03 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
python3.x实现base64加密和解密
2019/03/28 Python
PyQt5实现简易电子词典
2019/06/25 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
黄金搭档广告词
2014/03/21 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
python编写函数注意事项总结
2021/03/29 Python
如何在Python中创建二叉树
2021/03/30 Python
PHP命令行与定时任务
2021/04/01 PHP
python 遍历磁盘目录的三种方法
2021/04/02 Python