2012-03-14 60 views
0

我想實現一個在wordpress中相同的導航欄,就像菜單可以有孩子以及孩子可以有孩子,等等。當我徘徊父母時,孩子會出現。具有類別和子類別的導航欄/菜單

這怎麼可以實現?我知道涉及CSS和Javascript。

如果有人能給我一個很好的資源,這將是一個很大的幫助!

謝謝! :)

+1

怎麼樣:'li:hover> ul {display:block;}'。 – Maroshii 2012-03-14 09:32:58

回答

2

您不需要JavaScript。

HTML

<ul> 
    <li>Main 1 
     <ul> 
      <li>Sub1.1</li> 
     </ul> 
    </li> 
    <li>Main 2 
     <ul> 
      <li>Sub2.1</li> 
      <li>Sub2.2</li> 
     </ul> 
    </li> 
    <li>Main 3</li> 
</ul> 

CSS

ul li { 
    float: left; 
} 

ul li ul { 
    display: none; 
} 

ul li:hover ul { 
    display: block; 
} 

ul li ul li { 
    clear:left; 
}