加上前面發(fā)布過的2個(gè)mootools組件, 寫下來總的感覺是:

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

我這里并不是說mootools如何不行,因?yàn)楸旧韒ootools和jquery設(shè)計(jì)的初衷就是不同的, 如果你想更多的了解細(xì)節(jié)問題,那么用mootools作為基礎(chǔ)庫(kù)還是不錯(cuò)的.

下面回到文章正題, 我先發(fā)兩個(gè)Demo截圖.

完整顯示:

收縮的狀態(tài)

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

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

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com