我正在尝试使用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 |
|___________________|________________________|___________________|
尽管上图中有三个部分,但菜单中可能存在四种状态:
A,B& ç
_______________________
| | |
| A | A + B |
|___________|___________|
| | |
| A + C | A + B + C |
|___________|___________|
我正在努力的是决定如何控制国家的逻辑。我之前没有使用OOP,但感觉它可能是正确的方法 - 虽然我不太确定我是如何开始的。
我不希望任何人用勺子喂我代码,但关于“正确”方法的一些指示会很棒。有没有人有这种问题的经验?