📄 html.html
字号:
//-->
</script>
<script language="JavaScript">
<!--
function getPosition(obj) {
var top=0;
var left=0;
var width=obj.offsetWidth;
var height=obj.offsetHeight;
while (obj.offsetParent) {
top += obj.offsetTop;
left += obj.offsetLeft;
obj = obj.offsetParent;
}
return {"top":top,"left":left,"width":width,"height":height};
}
function query(){
var str = document.getElementById("txtChinese").value.trim();
if(str == "") return;
var arrRslt = makePy(str);
var div = document.getElementById("divResult");
div.style.position = "absolute";
div.style.display = "block" ;
div.innerHTML = "<div> " + arrRslt.join("</div><div> ") +
"</div><div align='center'><a style='cursor:hand;color:blue' onclick='this.parentNode.parentNode.style.display=\"none\"'>隐藏</a& gt;</div>";
var oDiv = getPosition(document.getElementById("txtChinese"));
div.style.top = oDiv.top + oDiv.height;
div.style.left = oDiv.left ;
div.style.width = oDiv.width ;
var divs = div.getElementsByTagName("div");
for(var i=0;i<divs.length;i++){
divs[i].className = i%2 ? "divShuang" : "divDan";
}
}
//-->
</script>
<style type="text/css">
table,td{border:1px solid #CC6600;border-collapse:collapse;font-size:12px;}
#tit{ font-size:24px; }
#divResult{ border:1px solid #CC6600; font-size:14px; display:none; letter-spacing : 2px }
.divDan{background-color: #FFCC99}
.divShuang{background-color: #FFFFEE}
</style>
</head>
<body>
<table width="800" cellspacing="0" cellpadding="8" align="center" >
<tr>
<td colspan="2" align="center"><span id="tit">查看拼音首字母缩写程序</span></td>
</tr>
<tr>
<td width="20%" align="right">代码名称:</td>
<td width="80%">查看拼音首字母缩写程序</td>
</tr>
<td align="right">程序测试:</td>
<td><span>请输入中文字符串:</span><input type="text" id="txtChinese" size="30" value="黑色头发">
<input type="button" onclick="query()" value="查看拼音首字母缩写">
</td>
</tr>
</table>
<div id="divResult"></div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -