纯html5的树形菜单,一个简单的js树形菜单

我练习一下，以免不时之需。

树形菜单不过就是把普通菜单重新排列一下，看起来像树形而已。

上图京东的菜单，给他多几个嵌套，然后添加收缩伸展事件，差不多就行了。

给个例子:

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

body{ font-size: 12px;}

h2,h3{ margin: 0;}

ul{ margin: 0; padding: 0; list-style: none; }

#outer_wrap li{ padding-left: 30px; line-height: 24px;}

.controlSymbol{ padding: 0 5px; border: 1px solid #adff2f; cursor: pointer;}

• 标题1

  • 内容1
  • 内容2
  • 内容3
  • 内容4

  • 标题1_1

    • 内容1_1
    • 内容1_2
    • 内容1_3
    • 内容1_4

  • 标题1_2

    • 内容1_1
    • 内容1_2
    • 内容1_3
    • 内容1_4