加上前面發布過的2個mootools組件, 寫下來總的感覺是:

在效果實現方面, 確實用jQuery編寫要比用mootools來的容易快速的多, 因為在很多細節問題上jQuery已經為我們考慮了.比如mootools-core沒有類似slideUp/Down這樣的方法, 如果不引入擴展庫的話,你得自己用Fx類來實現, 而jQuery里只是很簡單的調用slideUp, slideDown或者slideToggle, 再比如在mootools中,你想取得一個隱藏(display:none)元素的尺寸信息, 得寫個幾條代碼, 而在jQuery中你完全可以忽略元素是否隱藏這個問題, 它已經幫你搞定了. 再比如jQuery本身已經為用戶提供了豐富的選擇器, 這一點尤為方便.mootools的話稍微欠缺一些.

我這里并不是說mootools如何不行,因為本身mootools和jquery設計的初衷就是不同的, 如果你想更多的了解細節問題,那么用mootools作為基礎庫還是不錯的.

下面回到文章正題, 我先發兩個Demo截圖.

完整顯示:

收縮的狀態

如果你對此組件有興趣, 可以點擊下載, MooBox 源碼均未壓縮,其中doc.html為組件說明文檔,demo.html是個比較完整的示例.

注意一個樣式的問題,希望你的頁面中事先引入了類似reset.css和定義基礎樣式的css(比如字體,顏色,行高等).

最后, 希望對你能有所幫助 : ) 有問題可以留言討論

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com