如何用固定定位控制三层菜单逻辑

时间:2013-04-23 17:34:14

标签: jquery menu

我正在尝试使用jQuery设计一种管理三层菜单的方法。菜单中的每一层都是一个水平列表,后面的层出现在前一层之下。菜单中的所有级别都有position:"fixed",因此它们在HTML树中相对于彼此的位置基本上无关紧要。

但是,每一层在任何时候的垂直位置取决于可见的层数,它们在给定区域内总是看起来是垂直居中(它们的定义位置彼此不相对)。 p>

为了说明,可能的配置如下:

     ________________________________________________________________
    |                   |                        |                   |
    |                   |                        |  Level A visible  |
    |                   |     Level A visible    |                   |
    |  Level A visible  |                        |  Level B visible  |
    |                   |  Level B or C visible  |                   |
    |                   |                        |  Level C visible  |
    |___________________|________________________|___________________|

尽管上图中有三个部分,但菜单中可能存在四种状态:

  1. 可见级别
  2. A& B可见
  3. A& ç
  4. A,B& ç

     _______________________
    |           |           |
    |     A     |   A + B   |
    |___________|___________|
    |           |           |
    |   A + C   | A + B + C |
    |___________|___________|
    
  5. 我正在努力的是决定如何控制国家的逻辑。我之前没有使用OOP,但感觉它可能是正确的方法 - 虽然我不太确定我是如何开始的。

    我不希望任何人用勺子喂我代码,但关于“正确”方法的一些指示会很棒。有没有人有这种问题的经验?

0 个答案:

没有答案