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

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 为我的页面创建网格外观的最有效方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的页面上创建一个由微小的盒子组成的网格 – (例如,2像素的高度和度,或2×2).我对如何解决这个问题有一些想法 – 所有这些都以某种方式失败了:

>使用echo statemenet的PHP@H_419_10@> Javascript – 到目前为止我最好的选择@H_419_10@>手动构建网格以适应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&amp;测试Chrome(仅限ubuntu Lucid),但想法应该有效.

脚本宝典总结

以上是脚本宝典为你收集整理的php – 为我的页面创建网格外观的最有效方法全部内容,希望文章能够帮你解决php – 为我的页面创建网格外观的最有效方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。