用dojo写的二级下拉菜单自动添加功能

先上DEMO，

虽然丑，那是因为零级按钮的界面太丑了，图标也丑┑(￣Д ￣)┍

这两个优化后会好很多，毕竟美观不是我的特长嘛

DEMO链接：

http://download.csdn.net/detail/qq20004604/9568685

（83）二级下拉菜单

①过程描述：

【1】数据来源：一个数组，具体格式为：

var dataArr = [{text: "测试1", img: "test"},
    {text: "测试2", img: "test"},
    {
        text: "测试3", img: "test", children: [
            {
                text: "测试", img: "test", children: [
                    {text: "测试", img: "test"},
                    {text: "测试", img: "test"}
                ]
            },
            {text: "测试", img: "test"}
        ]
    }
]

树形结构；

数组每个单元由text（文字）属性和img（图片名）属性；

假如其有下一级下拉菜单，那么将有children属性（如果没有则无）；

因为有两级，所以部分会有两层children属性；

【2】添加形式：

树的最顶层被显式的显示出来，如果其有下拉菜单，则有向下的箭头图标；

一级下拉菜单（第一层children属性里的元素），在点击显式显示的元素后，被显示出来，再次点击任何区域，则隐藏；如果其有下一级下拉菜单，则该行右侧有向右的箭头图标；

二级下拉菜单，在鼠标移动到其父结点时被显示；

效果图如图：

（上面的DEMO图）

②代码：

我已经将其整合在一个html文件里，因此直接贴出来全部的，注意图片路径和html文件路径在一起，dojo和jquery文件在html文件的上级目录。具体请查看代码的引用方式。

由于代码较长，建议自行建立一个html文件，然后将全部代码复制进去后查看。

HTML的dom结构参照最后一部分被注释掉的内容（缺少隐藏的逻辑）；