在Ajax中經(jīng)常用到的彈出窗口和遮蔽窗口。自己寫肯定是一個(gè)最佳方案，但時(shí)間和成本上，還是決定了尋找現(xiàn)成的吧。大概羅列一下。需要我滿足我?guī)讉€(gè)條件
- 一定要簡(jiǎn)潔方便
- 擁有遮蔽功能，Model Dialog ，所謂的模態(tài)窗口
- 可以根據(jù)HTML彈出窗口
- 可以定義彈出窗口的位置，大小
其實(shí)我只需要一個(gè)框，我更希望框的內(nèi)容我自己控制，這樣通用性就強(qiáng)了。而且一定要簡(jiǎn)潔，不能彈個(gè)框也要配置復(fù)雜。
最后挑選下來最滿意的Boxy
http://onehackoranother.com/projects/jquery/boxy/
Boxy生產(chǎn)的HTML代碼也是很亂的。但Boxy的設(shè)置最簡(jiǎn)單，所以上手很容易（關(guān)注ing，發(fā)現(xiàn)CUP有些偏高）。
–=Other Links=–
http://www.ericmmartin.com/projects/simplemodal/
http://dev.iceburg.net/jquery/jqModal/#examples
simplemodal、jqModal 。這兩個(gè)是最簡(jiǎn)單的，靈活性很好，但需要自己配制的多，而且官方的DEMO和我要的需求不是很相同。需要配置的多，學(xué)習(xí)成本高了。
如果你希望定制自己的Dialog，這兩個(gè)插件，可以作為基礎(chǔ)包，在基礎(chǔ)包在封裝一下。就可以很方便的滿足你的要求。
http://www.malsup.com/jquery/block/
BlockUI效果很好。而且官方的幫助也很詳細(xì)，如果只是簡(jiǎn)單的使用遮蔽，推薦使用，上手也容易。
http://jquery.com/demo/thickbox/
貌似很復(fù)雜，而且偏向于圖片，直接就否決了
http://docs.jquery.com/UI/Dialog
官方的要，還要引幾個(gè)擴(kuò)展的JS,支持窗口縮放什么的，但生產(chǎn)的代碼也太復(fù)雜了，不推薦。
網(wǎng)絡(luò)上整理的一些Dialog列表
http://hi.baidu.com/freezesoul/blog/item/2889b44580e2fd23cffca3fb.html
http://vision-media.ca/resources/jquery/jquery-popup-plugin-review
Custom JavaScript Dialog Boxes
http://hi.baidu.com/freezesoul/blog/item/63a10bfa6e54109259ee90d8.html
posted on 2008-11-24 16:32
SIMONE 閱讀(108477)
評(píng)論(10) 編輯 收藏 所屬分類:
JavaScript