- <!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>
- <title></title>
- <style type="text/CSS">
- .in
- {
- background-color: Black;
- }
- td
- {
- border: 1px solid #eaeaea;
- width: 2px;
- height: 2px;
- }
- </style>
- <script src1="js/jquery-1.8.3.js" type="text/javascript"></script>
- <script type="text/javascript">
- //8*8 数字点阵
- var chars = {};
- chars.A = [[0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 1, 1, 0, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 1, 1, 1, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0]];
- chars.B = [[0, 0, 1, 1, 0, 0, 0, 0], [0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 1, 1, 0, 0, 0, 0], [0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 1, 1, 0, 0, 0, 0]];
- chars.C = [[0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 1, 1, 0, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 0, 1, 1, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0]];
- chars.D = [[0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 0, 0, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0]];
- chars.E = [[0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 1, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 1, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0]];
- chars.F = [[0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 1, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 1, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 1, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0]];
- </script>
- </head>
- <body>
- 8*8 点阵<br />
- 请输入字母(A~F):<input type="text" id="txtChar" />
- <input id="btnGeneral" type="button" value="生成" />
- <table id="tableDot" cellpadding="0" cellspacing="0">
- <script>
- for (var i = 0; i < 8; i++) {
- document.write("<tr>");
- for (var j = 0; j < 8; j++) {
- document.write("<td></td>");
- }
- document.write("</tr>");
- }
- </script>
- </table>
- <script type="text/javascript">
- $("#btnGeneral").click(function () {
- var input_char = $("#txtChar").val();
- try {
- var charHex = chars[input_char];
- $(".in").removeClass("in");
- $("#tableDot tr").each(function (i) {
- $(this).find("td").each(function (j) {
- if (charHex[i][j] == 1) {
- $(this).addClass("in");
- }
- })
- })
- } catch (e) {
- }
- })
- </script>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/1211201410944.html
来源: http://www.codesnippet.cn/detail/1211201410944.html