基于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 相关文章推荐
推荐dojo学习笔记
Mar 24 Javascript
php图像生成函数之间的区别分析
Dec 06 Javascript
js setTimeout 常见问题小结
Aug 13 Javascript
禁止ajax缓存获取程序最新数据的方法
Nov 19 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 Javascript
js兼容火狐显示上传图片预览效果的方法
May 21 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 Javascript
js实现数组转换成json
Jun 26 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
ionic3双击返回退出应用的方法
Sep 17 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 Javascript
Node.js fs模块原理及常见用途
Oct 22 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/12/01 PHP
微信API接口大全
2015/04/15 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
js 深拷贝函数
2008/12/04 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
Angular.JS学习之依赖注入$injector详析
2016/10/20 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
如何阻止移动端浏览器点击图片浏览
2020/08/29 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
python时间整形转标准格式的示例分享
2014/02/14 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python对日志进行处理的实例代码
2018/10/06 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
解决python脚本中error: unrecognized arguments: True错误
2020/04/20 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
python如何调用java类
2020/07/05 Python
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
求职简历的自我评价怎样写好
2013/10/07 职场文书
四川成都导游欢迎词
2014/01/18 职场文书
高中生期末评语
2014/01/28 职场文书
大学生求职计划书
2014/04/30 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
Python中tkinter的用户登录管理的实现
2021/04/22 Python