嵌套水平菜单可更新

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中使用填充动画来设置这些元素以创建效果。