2012-03-14 10 views
0

私は、メニューが子供を持つことができるように、また子供が子供を持つことができるように、ワードプレスで同じナビゲーションバーを実装したいと思います。私が親を動かすと、子供が現れます。カテゴリと子カテゴリを持つナビゲーションバー/メニュー

どのように実装できますか?私はそれがCSSとJavascriptに関係することを知っています。

誰でも私に良いリソースを与えることができれば、大きな助けになるでしょう!

ありがとうございます! :)

+1

約: 'li:hover> ul {display:block;}'。 – Maroshii

答えて

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; 
} 
関連する問題