php – 为我的页面创建网格外观的最有效方法

发布时间：2020-12-13 16:14:23 所属栏目：PHP教程来源：网络整理

导读：我想在我的页面上创建一个由微小的盒子组成的网格 – (例如,2像素的高度和宽度,或2×2).我对如何解决这个问题有一些想法 – 所有这些都以某种方式失败了：使用echo statemenet的PHP Javascript – 到目前为止我最好的选择手动构建网格以适应800 x 800空间(

我想在我的页面上创建一个由微小的盒子组成的网格 – (例如,2像素的高度和宽度,或2×2).我对如何解决这个问题有一些想法 – 所有这些都以某种方式失败了：

>使用echo statemenet的PHP
> Javascript – 到目前为止我最好的选择
>手动构建网格以适应800 x 800空间(将花费太长时间).

不幸的是,即使我最好的选择也很慢.有没有人有更好的计划如何以有效的方式创建由小方块组成的网格？

解决方法

这对我有用(grid.gif是带边框的3×3,工作版见 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),但想法应该有效.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!