【转】 TaskMenu 3.0(模仿windows xp的侧边栏)

新特点:
       (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();

源码下载

转载于:https://www.cnblogs.com/djbone/archive/2008/08/19/1271728.html