首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >三层Typo3下拉列表

三层Typo3下拉列表
EN

Stack Overflow用户
提问于 2014-02-05 19:02:20
回答 1查看 1.3K关注 0票数 0

我必须实现一个下拉菜单,如下所示:

代码语言:javascript
复制
MenuItem
   Section1
      Article1
      Article2
   Section2
      Article3
      Article4
      etc.

有三个层次:

代码语言:javascript
复制
  Layer1: MenuItem
  Layer2: Section1, Section2
  Layer3: ArticleX

如果我悬停在'MenuItem‘上面,它应该展开并显示另外两个层。但第三层应该有一点强度。

我使用的是Typo3 6.0.1。我希望你能明白我的问题。

问候

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-05 19:09:20

试试下面的打字本:

代码语言:javascript
复制
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/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21586184

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档