新特點:
(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();
源碼下載