<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>汉字转拼音的jQuery插件实例</title>
<meta name="generator" content="MShtml 8.00.6001.18783" />
<meta name="copyright" content="Copyright 2012 - L-Sky.Cn" />
<meta name="Author" content="悠然天空工作室 - L-Sky.Cn" />
<meta name="keywords" content="汉字转拼音,jQuery,jq,插件,网站建设,网站制作,网站设计,网页制作,网页设计,网络工作室,网站推广,企业推广,企业形象设计,工作室,悠然天空" />
<meta name="description" content="汉字转拼音的jQuery插件" />
<!--IE下用静态icon-->
<link rel="shortcut icon" type="image/x-icon" href="http://www.l-sky.cn/images/favicon.ico" />
<link rel="bookmark" type="image/x-icon" href="http://www.l-sky.cn/images/favicon.ico" />
<!--FF下可用gif动态icon-->
<link rel="icon" type="image/gif" href="http://www.l-sky.cn/images/favicon.gif" />
<link href="http://www.l-sky.cn/TeamHeaderNavigation/skins/default/reset.css" rel="stylesheet" type="text/css" />
<link href="http://www.l-sky.cn/TeamHeaderNavigation/skins/default/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/base.css" />
<script type="text/javascript" src="http://www.l-sky.cn/TeamHeaderNavigation/js/nav_menu.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jQuery.Hz2Py-min.js"></script>
</head>
<body>
<!--团队顶部固定导航 开始-->
<script language="javascript">
function ipsearchcheck(){
str = ipsearch.ip.value;
if (str.length > 0) {
str = str.match(/(\d+)\.(\d+)\.(\d+)\.(\d+)/g);
if (str == null){
alert("需要查询的IP地址无效");
document.ipsearch.ip.focus();
return false;
}
else if (RegExp.$1>255 || RegExp.$2>255 || RegExp.$3>255 || RegExp.$4>255){
alert("需要查询的IP地址无效");
document.ipsearch.ip.focus();
return false;
}
}
}
</script>
<div id="team_header_nav_wrap">
<div id="team_header_nav">
<div class="mini_nav_fl">
<div id="team_header_mini_nav">
<a class="homepage last" href="#" onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.l-sky.cn/');" title="设为首页" target="_top">设为首页</a>
<ul class="quick-menu">
<li><a href="http://www.l-sky.cn/" title="网站建设" target="_blank">网站建设</a></li>
<li><a href="http://www.seoued.net/" title="seo优化" target="_blank">seo优化</a></li>
<li><a href="http://www.28sem.com/" title="营销策划" target="_blank">营销策划</a></li>
<li><a href="http://www.m-5ds.com/" title="视觉设计" target="_blank">视觉设计</a></li>
<li><a href="http://www.duruifeng.com/" title="电商博客" target="_blank">电商博客</a></li>
<li><a href="http://www.qhdsem.com/" title="草根漫谈" target="_blank">草根漫谈</a></li>
<li class="search menu-item">
<div class="menu">
<a class="menu-hd" href="http://www.l-sky.cn/ipaddress.html" target="_blank"><s></s>IP查询<b></b></a>
<div class="menu-bd">
<div class="menu-bd-panel">
<form name="ipsearch" id="ipsearch" action="http://www.l-sky.cn/ipaddress.asp" target="_blank" onSubmit="return ipsearchcheck();">
<input class="iptext" name="ip" id="ip" type="text" value="" maxlength="15" />
<button type="submit">查询</button>
</form>
</div>
<s class="r"></s><s class="rt"></s><s class="lt"></s><s class="b"></s><s class="b b2"></s><s class="rb"></s><s class="lb"></s>
</div>
</div>
</li>
<li class="services menu-item last">
<div class="menu">
<a class="menu-hd" href="http://www.l-sky.cn/" target="_top">网站导航<b></b></a>
<div class="menu-bd">
<div class="menu-bd-panel">
<dl>
<dt>互帮互助
<dd>
<a href="http://www.seoued.net/tool/" title="站长工具" target="_blank">站长工具</a>
<a href="http://www.seoued.net/daohang/" title="网址导航" target="_blank">网址导航</a>
<a href="http://www.l-sky.cn/ipaddress.html" title="IP查询_悠然地址" target="_blank">悠然地址</a>
<a href="#" onclick="javascript:window.external.AddFavorite('http://www.l-sky.cn/','悠然天空工作室官网')" title="加入收藏" target="_self">收藏</a>
</dd>
</dl>
<dl>
<dt>域名 主机 企业邮局
<dd>
<a href="http://idc.l-sky.cn/" title="悠然主机" target="_blank">悠然主机</a>
<a href="http://www.yanbaicai.com" title="言白菜" target="_blank">言白菜</a>
</dd>
</dl>
<dl>
<dt>娱乐休闲小游戏
<dd>
<a href="http://games.l-sky.cn/" title="悠然游戏" target="_blank">悠然游戏</a>
</dd>
</dl>
<dl>
<dt>只言片语
<dd>
<a class="tico" href="http://t.qq.com/knightpbo" title="悠然语录" target="_blank">悠然语录</a>
<a href="http://www.seoued.net/t" title="苹果树下" target="_blank">苹果树下</a>
</dd>
</dl>
<dl class="last">
<dt>便民服务
<dd>
<a href="http://www.kaixindingfang.com/" title="秦皇岛订房" target="_blank">秦皇岛订房</a>
</dd>
</dl>
</div>
<s class="r"></s><s class="rt"></s><s class="lt"></s><s class="b" style="width: 169px"></s><s class="b b2" style="width: 169px"></s><s class="rb"></s><s class="lb"></s>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
/*固定导航 开始*/
var IO=document.getElementById('team_header_nav_wrap'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
if(s>H&&IO.fix||s<=H&&!IO.fix)return;
if(!IE6)IO.style.position=IO.fix?"":"fixed";
IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
/*固定导航 结束*/
/*IE6下确保下拉框出现 开始*/
TB.Header.init();
/*IE6下确保下拉框出现 结束*/
</script>
<!--团队顶部固定导航 结束-->
<div class="return">返回文章页:<a href="http://www.l-sky.cn/newsview_299_36.html" title="汉字转拼音的jQuery插件">汉字转拼音的jQuery插件</a></div>
<!--DEMO start-->
<div id="demo">
输入中文:<input name="hz" id="hz" onBlur="py.value=($('#hz').toPinyin());" onChange="py.value=($('#hz').toPinyin())" onKeydown="py.value=($('#hz').toPinyin())" type="text" size="50" /><br />
显示拼音:<input name="py" id="py" type="text" size="50" /><br />
备注:<br />
1、onBlur、onChange、