加上前面發(fā)布過(guò)的2個(gè)mootools組件, 寫(xiě)下來(lái)總的感覺(jué)是:

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

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

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

完整顯示:

收縮的狀態(tài)

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

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

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

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