基于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 相关文章推荐
setTimeout和setInterval的浏览器兼容性分析
Feb 27 Javascript
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
javascript引用类型指针的工作方式
Apr 13 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 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与XML的PDF文档生成技术
2006/10/09 PHP
PHP下通过file_get_contents的代理使用方法
2011/02/16 PHP
解析php中获取url与物理路径的总结
2013/06/21 PHP
yii操作session实例简介
2014/07/31 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
js post提交调用方法
2014/02/12 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
vue 2.0路由之路由嵌套示例详解
2017/05/08 Javascript
js实现水平滚动菜单导航
2017/07/21 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
微信小程序以7天为周期连续签到7天功能效果的示例代码
2020/08/20 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
python正则中最短匹配实现代码
2018/01/16 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
Windows下python3安装tkinter的问题及解决方法
2020/01/06 Python
django在开发中取消外键约束的实现
2020/05/20 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
数据管理员的自我评价分享
2013/11/15 职场文书
广告词串烧
2014/03/19 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
《春酒》教学反思
2016/02/22 职场文书
创业计划书之烤红薯
2019/09/26 职场文书