基于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高亮效果的二种实现方法
Sep 14 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
密码框显示提示文字jquery示例
Aug 29 Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
Mar 23 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
理解javascript async的用法
Aug 22 Javascript
vue中实现上传文件给后台实例详解
Aug 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遍历某个目录下的所有文件和子文件夹的实现代码
2013/06/28 PHP
怎么在Windows系统中搭建php环境
2013/08/31 PHP
php格式化日期实例分析
2014/11/12 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
js特效,页面下雪的小例子
2013/06/17 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
用jquery实现的一个超级简单的下拉菜单
2014/05/18 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
ES6的解构赋值实例详解
2019/05/06 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
[45:50]完美世界DOTA2联赛PWL S3 CPG vs Forest 第二场 12.16
2020/12/17 DOTA
python中MySQLdb模块用法实例
2014/11/10 Python
Python 正则表达式(转义问题)
2014/12/15 Python
numpy 返回函数的上三角矩阵实例
2019/11/25 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
Python实现动态循环输出文字功能
2020/05/07 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
经典优秀个人求职自荐信格式
2013/09/25 职场文书
益达广告词
2014/03/14 职场文书
考试作弊检讨书
2015/01/27 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
亮剑观后感300字
2015/06/05 职场文书
无违反计划生育证明格式
2015/06/24 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
Python自动化测试PO模型封装过程详解
2021/06/22 Python
redis缓存存储Session原理机制
2021/11/20 Redis
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技