化妆用品a>li> 6.ul> 可以看到在这个一级菜单中，其链接地址一般是没有参数值的。二级菜单的结构层：7./*一级菜单的三种样式设置*/ 1.#menu li a.normal{background:#fff;}//普通样式
5、 2.#menu li a.over{background:#00ff00;} //翻滚样式 3.#menu li a.cur{background:#ff0000;color:#fff;} //高亮样式 4./*二级菜单的三种样式设置*/ 5.#othermenu li a.normal{background:#fff;} //普通样式 6.#othermenu li a.over{background:#AA7F00;color:#fff;} //翻滚样式 7.#othermenu li a.cur{background:
6、#7F0000;color:#fff;} //高亮样式 与一级菜单不同的是，我们将二级菜单中的链接地址加入两个参数值，pId参数指向的是顶部一级菜单的的序号，而sId则是菜单自己的顺序号。我们将这两个菜单的总容器ul都设置了两个不同中的ID，它们需要在JS中调用，所以千万不能少。【样式层】关于样式，其实都没有什么特别的地方，你可以随心所意地设置成你想要的样式，只是需要注意的地方是，我们需要单独设置高亮Javascript菜单效果的三种状态样式，以供JS动态调用。8./*一级菜单的三种样式设置*/ 9.#menu li a.no
7、rmal{background:#fff;}//普通样式 10.#menu li a.over{background:#00ff00;} //翻滚样式 11.#menu li a.cur{background:#ff0000;color:#fff;} //高亮样式 12./*二级菜单的三种样式设置*/ 13.#othermenu li a.normal{background:#fff;} //普通样式 14.#othermenu li a.over{background:#AA7F00;color:#fff;} //翻滚样式
8、15.#othermenu li a.cur{background:#7F0000;color:#fff;} //高亮样式 【行为层】因为要在行为层中控制菜单的三种状态，所以对于A链接标签，我们就不使用hover伪类来达到菜单的三种动态行为了，我们可以用onmouseover
