Javascript 如何像谷歌一样获得下拉图像视图？

我正在为我的学校项目（高中）创建一个文件夹网页，我有一个叫做“工作”的部分。在那里，我想让图像彼此并排显示（只是一些填充），然后如果你点击它们，就会出现一种下拉菜单，图像将出现在左侧网站上，文本将出现在右侧。这也会将网页上的其余内容向下推

举个例子？谷歌图片。如果你搜索一些东西，比如说“谷歌”，然后你转到图片，如果你现在点击一个随机的图片，会有一个平滑的下拉菜单，上面有图片和一些文本，网站上的其他内容会被向下推。这就是我想要的。只是我不知道我是如何得到下拉列表的，以及如何将页面的其余部分向下推的

让图像像谷歌上的一样浮动并不是什么大问题，这里的问题是当你点击一个图像时，让下拉框出现，然后让内容向下推

我正在使用PHP，以便能够在任何时候我想要的东西，但获得图像下拉列表是不是在我的能力目前

这并不一定要在所有浏览器中都有效，只要它在webkit和mozilla中有效就可以了

---

有什么帮助吗？：）

让每一行图像都像

div

一样。然后，下拉列表可能已经存在于HTML中的某个地方，并使用jQuery“传输”它（函数remove、append、after等等）

---

小三角形可以使用其行中图像的索引进行定位。如果它们是正方形，则更容易，否则使用jquery width表示矩形。

您可以使用jquery实现这一点

只需创建一个div，并使用display none设置其动画

使用Jquery滑下功能

$(selector).slideDown();

和Jquery文档

（如果尚未包含JQuery，请不要忘记首先包含JQuery）

编辑-（我真的很讨厌还不能对问题发表评论）

不管怎样，在需要时向下推送内容，只需将所需内容包装在最小高度为100px的容器div中，然后如果容器中的任何内容大于100px，div将增长以使其适合，并向下推送下面的所有内容

这是最新的提琴

---

希望我帮助检查了他们的HTML源代码，它可以给你一些想法，也可以使用一些已经做到这一点的框架或插件。如果你不知道从哪里开始，我相信你自己很难做到足够快/有效。是的，我正在研究。但是这有点混乱，很难找到相关的信息。人们可能会因为我在一个问题上鼓励它而恨我。然而，有一些jQuery插件可以做到这一点。如果你不想使用它（我完全理解，我自己很少使用），你可能想看看他们的源代码，看看它是如何完成的。我最近回答了类似的问题：。查看评论以获得完整的实施示例。我理解您的意思。。。但他并没有说什么不使用插件，仅仅因为这是在JavaScript下发布的，并不意味着我们不能使用人们以前可能不知道的工具提交替代答案。（这是一个公平的假设吗）？@BenjaminGruenbaum:OP需要帮助开始解决一个问题。OP并没有排除插件。