Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/271.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用照片创建树形图的技术?_Php_Html_Css_Tree - Fatal编程技术网

Php 使用照片创建树形图的技术?

Php 使用照片创建树形图的技术?,php,html,css,tree,Php,Html,Css,Tree,我希望使用PHP、HTML和CSS创建动态树图。模型如下: 这些图像需要是可点击的链接,我不想使用图像地图,因为这会给动态生成带来成本 我正在考虑使用一些创造性的布局,例如: 其中虚线表示不可见的边框,实线表示可见的边框。html将非常粗糙,但生成它的代码应该只有几个干净的循环 有更好的方法吗?您需要生成的HTML结构是一个普通的旧嵌套列表,例如: <ul> <li>Group 1 <ul> <li><a href

我希望使用PHP、HTML和CSS创建动态树图。模型如下:

这些图像需要是可点击的链接,我不想使用图像地图,因为这会给动态生成带来成本

我正在考虑使用一些创造性的
布局,例如:

其中虚线表示不可见的边框,实线表示可见的边框。html将非常粗糙,但生成它的代码应该只有几个干净的循环


有更好的方法吗?

您需要生成的HTML结构是一个普通的旧嵌套列表,例如:

<ul>
  <li>Group 1
    <ul>
      <li><a href="foo">Item 1</a></li>
      <li><a href="bar">Item 2</a></li>
    </ul>
  </li>
  <li>Group 2
    <ul>
      <li><a href="baz">Item A</a></li>
    </ul>
  </li>
</ul>
  • 第一组
  • 第2组

非常简单,您不需要添加任何“粗糙”的标记,或者根本不需要添加任何标记。使用CSS相应地设置每个项目的样式。它有点老了,尽管现在每个现代浏览器都支持
:last child
,所以你不需要任何JavaScript,除非你关心那些IE6/7/8用户。

我知道这个列表,但我不知道你能得到那些漂亮的行,因此采用了框式方法。非常感谢您提供的非常有用的链接。很高兴为您提供帮助。这实际上只是设置正确的背景图像、边距和填充的问题。祝你好运