JQuery Dialog 彈出視窗,遮蔽視窗

2021-09-08 03:46:52 字數 474 閱讀 5876

在ajax中經常用到的彈出視窗和遮蔽視窗。自己寫肯定是乙個最佳方案,但時間和成本上,還是決定了尋找現成的吧。大概羅列一下。需要我滿足我幾個條件

其實我只需要乙個框,我更希望框的內容我自己控制,這樣通用性就強了。而且一定要簡潔,不能彈個框也要配置複雜。

最後挑選下來最滿意的boxy

boxy生產的html**也是很亂的。但boxy的設定最簡單,所以上手很容易(關注ing,發現cup有些偏高)。

–=other links=–******modal、jqmodal

blockui效果很好。而且官方的幫助也很詳細,如果只是簡單的使用遮蔽,推薦使用,上手也容易。

貌似很複雜,而且偏向於,直接就否決了

官方的要,還要引幾個擴充套件的js,支援視窗縮放什麼的,但生產的**也太複雜了,不推薦。

網路上整理的一些dialog列表

jQuery Dialog 彈出層對話方塊外掛程式

網上這種外掛程式很多,但是沒乙個合適的,大部分都做得很大,功能齊全。於是自己做了這個小外掛程式,順便學習下jquery外掛程式的寫法。具體的演示程式在這裡 演示程式。原理很簡單,通過js動態構建乙個div層,將其插入到body中,然後通過調整position的css屬性為absolute或fixed...

可以拖動的彈出窗

如何讓彈出視窗可以拖動呢?如何做出可以拖動的對話方塊呢?實際上彈出視窗就是乙個div,範例 對應的css subpagepanel subpagepanel h2 js 方法 drag function obj if obj null obj undefined if typeof obj stri...

可以拖動的彈出窗

如何讓彈出視窗可以拖動呢?如何做出可以拖動的對話方塊呢?實際上彈出視窗就是乙個div,範例 js subpagepanel style display none subcontent 對應的css css subpagepanel subpagepanel h2 js 方法 js drag func...