DIV+CSS+JS二级树型菜单，ul li展开后刷新无影响

本资源是一篇关于使用 DIV、CSS 和 JS 实现二级树型菜单的教程。菜单可以展开多个栏目，刷新后不受影响。作者已经修正了原作中的错误，即#nav li的背景色和背景图片分开写了，造成背景色不生效。现在，菜单的背景色和图片都可以正确地显示。 知识点： 1. 使用 DIV、CSS 和 JS 实现二级树型菜单 在本资源中，作者使用 DIV、CSS 和 JS 实现了一个二级树型菜单。菜单可以展开多个栏目，刷新后不受影响。 2. 解决背景色和背景图片分开写的bug 作者原来写的代码中，#nav li的背景色和背景图片分开写了，造成背景色不生效。作者已经修正了这个错误， 现在，菜单的背景色和图片都可以正确地显示。 3. 使用CSS样式实现菜单的样式设置 作者使用CSS样式来设置菜单的样式，包括字体、颜色、背景色、边框等。例如，作者使用 `#nav li` 选择器来设置一级目录的样式，使用 `#nav li ul` 选择器来设置二级目录的样式。 4. 使用JavaScript实现菜单的交互效果 作者使用JavaScript来实现菜单的交互效果，例如，点击菜单项时的hover效果、鼠标滑过时的背景色变化等。 5. 使用HTML结构实现菜单的结构 作者使用HTML结构来实现菜单的结构，包括 `<ul>`、`<li>`、`<a>` 等标签。作者使用 `id` 属性来唯一标识菜单项，并使用 `class` 属性来标识菜单项的状态。 6. 使用CSS sprites技术实现背景图片的显示 作者使用CSS sprites技术来实现背景图片的显示。作者将背景图片分割成多个小图标，然后使用CSS样式来显示这些图标。 7. 实现菜单的状态切换 作者使用JavaScript和CSS来实现菜单的状态切换，例如，点击菜单项时的展开和折叠效果。 8. 实现菜单的Positioning 作者使用CSS来实现菜单的Positioning，例如，使用 `float` 属性来实现水平方向的布局，使用 `position` 属性来实现绝对定位。 本资源提供了一个完整的二级树型菜单的实现方案，包括HTML结构、CSS样式和JavaScript交互效果。