2014-02-05 38 views
0

我要實現一個下拉菜單,看起來像這樣:TYPO3的下拉三層

MenuItem 
    Section1 
     Article1 
     Article2 
    Section2 
     Article3 
     Article4 
     etc. 

有三層:

Layer1: MenuItem 
    Layer2: Section1, Section2 
    Layer3: ArticleX 

如果我將鼠標懸停在「菜單項」應該擴大和顯示另外兩層。但第三層應該是一個小小的參與者。

我使用的是Typo3 6.0.1。我希望我的問題對你很清楚。

問候

回答

1

嘗試下面的Typo腳本:

lib.content_left = COA 
lib.content_left { 
10 = HMENU 
10 { 
    wrap = <div class="menu_left menu_ul">|</div> 
    entryLevel = 0 
    1 = TMENU 
    1 { 
     wrap = <div class="menu_1"><ul>|</ul></div> 
     target = _top 
     NO { 
      wrapItemAndSub = <li>|</li>|*|<li>|</li>|*|<li class="last">|</li> 
     } 
     ACT < .NO 
     ACT = 1 
     CUR < .NO 
     CUR = 1 
     CUR { 
      allWrap = <div class="menu_act">|</div> 
     } 
    } 
    2 = TMENU 
    2 { 
     expAll = 0 
     wrap = <div class="menu_2"><ul>|</ul></div> 
     target = _top 
     NO { 
      wrapItemAndSub = <li>|</li> 
     } 
     ACT < .NO 
     ACT = 1 
     CUR < .NO 
     CUR = 1 
     CUR { 
      allWrap = <div class="menu_act">|</div> 
     } 
    } 
    3 = TMENU 
    3 { 
     expAll = 1 
     wrap = <div class="menu_3"><ul>|</ul></div> 
     target = _top 
     NO { 
      wrapItemAndSub = <li>|</li> 
     } 
     ACT < .NO 
     ACT = 1 
     CUR < .NO 
     CUR = 1 
     CUR { 
      allWrap = <div class="menu_act">|</div> 
     } 
    } 
} 
} 

懸停效果有待通過CSS或JavaScript來完成。

參考鏈接:http://typo3buddy.com/typoscript/menus/tmenu-left-menu/

+0

謝謝你的回答......它幫了我很多:) – pichlbaer