嵌套水平菜單可更新

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中使用填充動畫來設置這些元素以創建效果。