經常會有些同志問我有沒有好用的基於jquery的彈出層外掛程式，我通常都會毫不猶豫的推薦他這款外掛程式–blockui。我也極少接觸到其他的jquery彈出層外掛程式，因為我覺得有了blockui這款功能強大的外掛程式已經能滿足我的需求了。
先看看blockui的演示效果：
檢視演示
blockui支援很多常見的彈出層，表單、、div視窗等。那麼這個外掛程式該如何使用呢？接著往下看。
1
2
導入庫檔案後，就可以呼叫blockui了，blockui的呼叫挺簡單的，看下面這段**
01$(function()
14});
15$('.blockoverlay').attr('title','單擊關閉').click($.unblockui);//遮罩層屬性的設定以及當滑鼠單擊遮罩層可以關閉彈出層
16$('.close').click($.unblockui);//也可以自定義乙個關閉按鈕來關閉彈出層
17});
18});
看了上面的**，其實你會發覺blockui的使用很簡單，有2個重要的方法分別是呼叫彈出層($.blockui)和關閉彈出層($.unblockui)。
$.blockui定義了乙個message屬性的，該屬性的值就定義了要彈出的元素，比如要彈出乙個id為box的div元素，就可以這樣寫：message: $(『#box』)，對應了上面的第4行**。需要注意的是，要彈出的那個元素在彈出之前要將其在頁面中隱藏即設定該元素的css樣式為display:none。
$.blockui還定義了乙個css屬性，該屬性可以對彈出層的樣式進行再定義。細心的同志可能會開啟blockui的庫檔案檢視，其實在庫檔案中也預設定義了乙個彈出層的樣式，如果你在頁面中定義的樣式效果並不是很理想，最好是看看庫檔案中的$.blockui.defaults的css屬性。
另乙個簡單實用的彈出層元件–easydialog：
製作彈出層
最近在做乙個公司部落格，頁面上用到了很多彈出層，於是大家就仿照著其他 上的彈出層做了乙個。提示 頁面彈出層樣式 background outdiv outtitle titlelayer closelayer outcontent outbottom outdiv input 頁面彈出層 funct...
layer關閉彈出層，彈出列印
常規的話，下面能夠完成關閉彈出層 var index parent.layer.getframeindex window.name 延遲關閉 解決列印視窗彈不出來的情況 parent.layer.close index 可是當這裡需要關閉的同時彈出列印視窗的時候，就會發現失效了，能關閉，可是列印視窗...
點選彈出層之外的任何區域隱藏彈出層
修改了原先頁面的乙個下拉框的功能，用div彈出層來模擬select的原始功能，好處是可以任意的修改下拉框的樣式，例如設定它的高度等等 ie中不允許設定原始的select元素的高度 壞處是相容問題一大堆，不過還好相容問題不算太麻煩，期間還遇到了乙個問題 如何在彈出層彈出以後，點選彈出層之外的任意區域隱...