JS 8*8点阵显示字母
来源:互联网 发布:怎样用淘宝积分买东西 编辑:程序博客网 时间:2024/06/05 12:05
还记得用单片机控制小灯显示文字的场景吗,这个是我用JS模拟出来的,字符库没有做扩展,仅能显示A-F这几个字符
<!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 src="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>
0 0
- JS 8*8点阵显示字母
- lcd显示8x16点阵
- 51的8*8点阵显示数字
- 8*8LED点阵横向滚动显示
- AT89C5X,8*8点阵LED,显示演示代码.
- 51单片机8*8点阵LED显示原理及程序
- 51单片机8*8点阵LED显示原理及程序
- 8*8LED点阵显示爱心的Arduino实现
- 单片机实验——8X8LED点阵显示技术
- 西电数电实验考试--8x8点阵显示汉…
- 8*8点阵
- 8*8点阵
- arduino 控制8*8点阵
- Arduino 8x8点阵怦然心动
- 8X8 LED点阵显示原理与编程技术(转)
- 单片机实验——8X8LED点阵显示技术(二)
- 用 74hc138 和 74hc595 驱动 8x8 点阵显示
- 继续树莓派GPIO:两片74HC595控制一个8x8LED点阵显示爱心
- 分布式锁的几种实现方式
- 关于海量数据和高并发网站的解决方案
- 如何压缩 HTTP 请求正文
- 基于ProtoBuf协议实现网络传输(二)
- OpenFire服务器搭建
- JS 8*8点阵显示字母
- jenkins搭建自动化构建总结
- POJ 1127 我的第一次计算几何
- Linux之odbc安装
- extjs中treepanel(含栗子)
- 硬件加速 setlayertype
- 前端的几点认识
- 三所(第三研究所认证中心)使用Defensics测试硬件设备IPv6协议的可靠性
- LeetCode:Min Stack