我想在我的页面上创建一个由非常小的框组成的网格 -(例如，2 像素的高度和宽度，或 2x2)。我对如何解决这个问题有一些想法 - 所有这些都以某种方式失败了:
- 使用 echo 语句的 PHP
- Javascript - 目前为止我最好的选择
- 手动构建网格以适应 800 x 800 的空间(会花费太多时间)。
不幸的是，即使是我最好的选择也很慢。对于如何高效地创建由小方 block 组成的网格，有人有更好的计划吗？
最佳答案
这对我有用(grid.gif 是带边框的 3x3，工作版本见 http://stuff.drnet.at/stackoverflow/grid/):
<html><head>
<script language="JavaScript">
function mm (e) {
if (!e) e=window.Event;
var o=document.getElementById('grid');
var x=e.clientX-o.offsetLeft;
var y=e.clientY-o.offsetTop;
document.getElementById('coords').innerHTML=''+x+'/'+y;
}
</script>
</head>
<body onload="document.getElementById('grid').onmousemove=mm;">
<div id="grid" style="position:absolute; left:10px; top:10px; width:800px; height:600px; background: url(grid.gif) repeat left top; border:1px solid black; padding:0px; margin:0px;"></div>
<div id="coords" style="position:absolute; left:10px; top:620px;"></div>
</body>
</html>
仅使用 FF 和 Chrome(均在 Ubuntu Lucid 上)进行测试，但想法应该可行。
关于php - 为我的页面创建网格外观的最有效方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8562855/