TaskMenu 3.0 新特点: (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(); 一个菜单，而且同一个操作可加载在多个菜单上。 也可算上是异步操作。 但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();