TaskMenu 3.0(模仿windows xp的側邊欄)

來源:互聯網
上載者:User
新特點:
       (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();

源碼下載

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.