Webdings和Wingdings字符码对应表

zoukankan html css js c++ java

Webdings和Wingdings字符码对应表

数字.字母类

HTML代码

 <span id=charshow style="font-family:Verdana, Arial, Helvetica, sans-serif;background-color:cccccc; font-size:30px; color:#FF0000;"> 0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ,./'[]\\=-<>?:\"{}|+_)(*&^%$#@!`~</span> <br> you can choose character you like to copy!<br> <input type="button" value="Webdings" onClick="charshow.style.fontFamily='webdings'"> <input type="button" value="Wingdings" onClick="charshow.style.fontFamily='wingdings'"> <input type="button" value="Wingdings 2" onClick="charshow.style.fontFamily='wingdings 2'"> <input type="button" value="Wingdings 3" onClick="charshow.style.fontFamily='wingdings 3'">

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

字符类

HTML代码

<html> <head> <title>特殊字符、常规符号及其代码对照表</title> </head> <body> <center style="font-size:20px;color:#000000;"> <form name="font"> <select name="family" size="1" onChange="JavaScript:chgFont();" style="font-size:20px; color:#000000;"> <option selected value="Webdings">Webdings</option> <option value="Wingdings">Wingdings</option> <option value="Wingdings 2">Wingdings 2</option> <option value="Wingdings 3">Wingdings 3</option> <option value="Symbol">Symbol</option> </select>符号、常规符号及其代码对照表 </form> </center> <script language="JavaScript" type="text/javascript"> document.write('<table border="1" width="100%" cellspacing="0" cellpadding="0">'); for (j=0;j<4;j++) { document.write('<td bgcolor="menu" bordercolor="menu" align="center" valign="middle" width="7%" style="font-size:; color:red; font-family: fixedsys">代码</td>'); document.write('<td id="F'+j+'" bgcolor="menu" bordercolor="" align="center" valign="middle" width="11%" style="font-size:; color:red; font-family: fixedsys">Webdings</td>'); document.write('<td bgcolor="menu" bordercolor="menu" align="center" valign="middle" width="7%" style="font-size:; color:red; font-family: fixedsys">常规</td>'); } for(i=32;i<256;i++){ if (i%4==0) { document.write('<tr>'); } document.write('<td bgcolor="menu" align="center" valign="middle" width="7%" style="font-size:; color:blue; font-family: fixedsys"><a>&#</a>'+i+';</td>'); document.write('<td id="f'+i+'" align="center" valign="middle" width="11%" style="font-size:40px; color:red; font-family: Webdings">&#'+i+';</td>'); document.write('<td align="center" valign="middle" width="7%" style="font-size:30px; color:blue; font-family: Arial">&#'+i+';</td>'); if (i%4==3) { document.write('</tr>'); } } document.write('</table>'); </script> <script language="JavaScript" type="text/javascript"> function chgFont() { fontIndex = document.font.family.selectedIndex; fontValue = document.font.family.options[fontIndex].value; for (m=0;m<4;m++){ eval('F'+m+'.innerHTML="'+fontValue+'";'); } for (n=32;n<256;n++){ eval('f'+n+'.style.fontFamily="'+fontValue+'";'); } } chgFont(); </script> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

查看全文

相关阅读:
bzoj2428 [HAOI2006]均分数据模拟退火
 Jersey入门三：创建一个JavaEE的Web项目
 Jersey入门二：运行项目
 Jersey入门一：从Maven Archetype创建jersey项目
 Bootstrap进阶七：LESS语法详解
 Bootstrap进阶六：动态样式语言LESS简介
 Bootstrap进阶五：Web开发中很实用的交互效果积累
 Bootstrap进阶四：jQuery插件详解
 Bootstrap进阶三：jQuery插件概览
 Bootstrap进阶二：基本组件

原文地址：https://www.cnblogs.com/zzh/p/1216888.html