一个特殊符号查看器

<div id="info" style="background:#c0c0c0;display:none;width:240px;height:150px;left:550px;top:20px;position:absolute;font-size:9pt;">&nbsp;&nbsp;&nbsp;&nbsp;说明：此字符制作的原因是本人在能过PS向AE复制路径，需要一些特殊的字符作为AE的路径，有了这个东西，你就可以自己参照着将一些特殊的字符有效的应用起来，如作网页时的文件夹符号，以及箭头，毕竟有些字符画起来是很麻烦:),好了，如有什么意见，请联系<font color="red">逍遥云</font>,E-mail:pallove@qq.com.做的仓促，有些粗糙，见笑！<br><font color='red'>注：务必记着你所需要符号的<font color="white">字体</font>与<font color="white">原符号(键盘)</font>!!!</font><center><span style="font-size:30px;cursor:hand;color:blue;font-family:wingdings 2;" οnclick="info.style.display='none'">Q</span></center></div>
<div style="width:600px;height:250px;font-size:60px;">字体：<span style="color:red;" id='char'></span><br>符号：<span id='sign' style="height:80px;font-size:70px;"></span><br>原符号：<span id='letter' style="color:red;"></span></div>
<script language="JavaScript">
var str="/`1234567890-=//qwertyuiop[]asdfghjkl;/'zxcvbnm,./";
str=str.split("");

var shiftStr="~!@#$%^&*()_+|QWERTYUIOP{}ASDFGHJKL:/"ZXCVBNM<>?";
shiftStr=shiftStr.split("");
document.title="特殊符号收集--逍遥云编写";
function fout(str){
document.write(str);
};
fout("<font color='green'>小写字母</font>")
fout("<table cellspacing='0' cellpadding='' border='1' bordercolor='red' style='cursor:hand;'>");
fout("<tr bgColor='#e8e8e8'>");
for(var i=0;i<str.length;i++){
fout("<td width='20' align='center'>");
fout("<span>"+str[i]+"</span>");
fout("</td>");
}
fout("</tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:webdings;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+str[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:wingdings;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+str[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:wingdings 2;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+str[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:wingdings 3;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+str[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("</table>");
fout("<br>");
fout("<font color='green'>大写字母（shift+字母）</font>")
fout("<table cellspacing='0' cellpadding='' border='1' bordercolor='red' style='cursor:hand;'>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td width='20' align='center'>");
fout("<span>"+str[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr bgColor='#e8e8e8'>");
for(var i=0;i<shiftStr.length;i++){
fout("<td width='20' align='center'>");
fout("<span>"+shiftStr[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:webdings;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+shiftStr[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:wingdings;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+shiftStr[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:wingdings 2;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+shiftStr[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("<tr>");
for(var i=0;i<str.length;i++){
fout("<td>");
fout("<span style=/"font-family:wingdings 3;/" οnmοuseοver=/"char.innerHTML=this.style.fontFamily;sign.innerHTML=this.outerHTML;letter.innerHTML=this.innerText;/">"+shiftStr[i]+"</span>");
fout("</td>");
}
fout("</tr>");
fout("</table>");
</script>
<br>&nbsp;
<a href="Javascript:void(null);" οnclick="info.style.display='block';"><font color='blue'>查看相关说明</font></a>