基于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 相关文章推荐
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
javascript每日必学之多态
Feb 23 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
如何利用ES6进行Promise封装总结
Feb 11 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
Jun 15 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 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实现Socket服务器的代码
2008/04/03 PHP
php 图像函数大举例(非原创)
2009/06/20 PHP
php 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
PHP中的替代语法介绍
2015/01/09 PHP
JQuery之拖拽插件实现代码
2011/04/14 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
js替换字符串中所有指定的字符(实现代码)
2016/08/17 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
React组件重构之嵌套+继承及高阶组件详解
2018/07/19 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
python中的五种异常处理机制介绍
2014/09/02 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
django 信号调度机制详解
2019/07/19 Python
python django model联合主键的例子
2019/08/06 Python
python实现人机猜拳小游戏
2020/02/03 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
《孔子拜师》教学反思
2014/02/24 职场文书
节约能源标语
2014/06/17 职场文书
大四优秀党员个人民主评议
2014/09/19 职场文书
毕业实习自我鉴定范文2014
2014/09/26 职场文书
2015秋季幼儿园开学寄语
2015/03/25 职场文书
详解Java实现设计模式之责任链模式
2021/06/23 Java/Android
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
vue3不同环境下实现配置代理
2022/05/25 Vue.js