嵌套的水平菜单可更新

Question

我想让2级水平菜单可更新。我将提供以前加载的数据（php），我想创建这个“效果”。我确定这存在，但我没有发现任何使用我的母语或用英语搜索的东西。

我的数据结构如下：

MainElement1,
    SecondItem1Name -> SecondItem1Image
    SecondItem2Name -> SecondItem2Image
    SecondItem3Name -> SecondItem3Image
MainElement2,
    SecondItem1Name -> SecondItem1Image
    SecondItem2Name -> SecondItem2Image

这是我想要的结果：

• 第一行：主菜单项（我将在PHP数组中使用它）
• 第二行：第一行中所选项目中的元素关联。
• 第三行：不在顶部图像中，而是第二行项目图像。

我的问题。有流行的菜单可以让这个？它比我从头创建这个更好吗？

Answer 1

这完全取决于你。如果您喜欢使用JavaScript和CSS编写代码的经验，那么您一定可以自己制作。但是，您可能会发现使用模板更容易。实际上，你可以完全使用CSS来完成它。

试试这个链接，看看它是不是你要找的东西。基本上你将使用ul然后嵌套lis和uls并在CSS中使用填充动画设置这些元素的样式来创建效果。