(1) 重新设计的数据结构，使用了更合理的双向链表，代替了旧版本的父子包含结构，更容易以后扩展。
(2) 重新设计了控制函数接口，更方便使用者。
(3) 通过重写css样式文件，就可以换菜单肤表，不需要刷新，并可自定义样式。
(4) 兼容最新的firefox 浏览器。
使用特点:
菜单有一些比较特殊的地方，跟前两个版本不同的是，在构建TaskMenu类之后，必须调用init方法，才可以让
菜单显示。在调用init方法之前add的条目，会立即显示，而在init后添加的或使用中动态添加的，都会以动态效果
添加到菜单。
菜单的动作基本分为open(伸出）,close (缩回),extend (变长),shorten(变短);
四种操作可同时加载在同一个菜单，而且同一个操作可加载在多个菜单上。 也可算上是异步操作。
但open和close 其中响应一种操作只会停止之前操作，毕竟菜单要么打开，要么关闭。
extend 和 shorten 同上。
同一个菜单条目添加到不同的菜单，之后添加的是该条目的科隆版本。 如果你要返回该菜单变量建议您直角调用cloneNode函数。
var item = new TaskMenuItem("条目");
var menu1 = new TaskMenu("菜单");
var menu2 = new TaskMenu("菜单");
menu1.add(item);
menu2.add(item); 同item被两次添加，这里实际隐式的调用的是 menu2.add(item.cloneNode ());
这样如果您要调用 menu2.remove(item);是不会成功的。因为被添加的是科隆条目，并不是item变量，引用不一致。
解决办法就是 调用 menu2.remove(menu2.items(0)); menu2.item(0)方法返回的就是那个被科隆的版本，
因为它是第一条目。或者直接调用科隆方法。
var item1 = new TaskMenuItem("条目");
var item2 = item.cloneNode();
源码下载
转载自原文链接, 如需删除请联系管理员。
原文链接：【转】 TaskMenu 3.0(模仿windows xp的侧边栏)，转载请注明来源！