此程序使用js和htm实现，可以方面的使用到您的网站上。界面美观漂亮，完全模仿windows xp的侧边栏，效果非常不错，有三种风格可供选择。

演示请看：/demo/taskmenu/

新特点:

(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();