動態菜單使用HTML，CSS和JavaScript

是一個初學者，編寫一個界面，使用html創建一個動態菜單（級聯），javascript & css3基於服務器給出的菜單項。遇到這種情況的最佳方法是什麼？等待你的價值輸入。謝謝你們。動態菜單使用HTML，CSS和JavaScript

2011-06-14 yokks

定義菜單，也許ul-li列表菜單中div或定義div層次來匹配您的菜單中的水平和定義樣式的div並添加JavaScript或jQuery來的股利或UL標識。認爲這是你需要的。

2011-06-14 06:56:27 Balanivash

怎麼樣只是使用CSS ... – 2012-07-15 23:57:56

你應該確保你的菜單隻使用css來開始使用：hover psuedo屬性。一旦你有它的CSS工作只有那麼你會開始啓用.js幻燈片等動畫好。

如果你做之前使用的.js確保它與CSS的作品，你會產生不非的.js環境

工作菜單

的標準方法是：

ul 
li 
    div 
li 
    div 
    ul 
    li 
    div 
    /ul 
    /div 
/ul

和CSS ：

.menu li:hover > div {display:block}

這意味着，當你將鼠標懸停在李它會顯示在div只要你按住鼠標在包含DIV它西港島線顯示（允許你包含懸停在李埃爾將再次顯示condined的div）

它不像我所示的那麼簡單，但這是一般理論。創建一個嵌套的菜單是適度棘手的工作跨瀏覽器（注意邊距，填充和浮錨 - 有時他們可能會導致輕微的差距，這將導致試圖菜單項...之間移動時，菜單消失）

2012-07-15 19:05:22

回答