經常會有些同志問我有沒有好用的基於jquery的彈出層外掛程式，我通常都會毫不猶豫的推薦他這款外掛程式–blockui。我也極少接觸到其他的jquery彈出層外掛程式，因為我覺得有了blockui這款功能強大的外掛程式已經能滿足我的需求了。
先看看blockui的演示效果：
檢視演示
blockui支援很多常見的彈出層，表單、、div視窗等。那麼這個外掛程式該如何使用呢？接著往下看。
view source
print?
1
2
導入庫檔案後，就可以呼叫blockui了，blockui的呼叫挺簡單的，看下面這段**
view source
print?
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：
jbox彈窗 強大的jquery彈出層外掛程式jBox
jbox是一款功能強大的jquery彈出層外掛程式。jbox外掛程式可以用來建立tooltips提示框 模態視窗 畫廊等多種效果。使用方法 在頁面中引入jbox.all.min.css jquery和jbox.all.min.js檔案。建立tooltips html結構如下。hover me hov...
Jquery彈出層外掛程式
size medium 此外掛程式可支援以下功能 1 觸發響應事件 2 設定彈出層的標題 3 設定彈出層型別 text 容器id url iframe 4 彈出層的內容獲取 text文字 容器id名稱 url位址 iframe的位址 5 彈出層的寬度 6 彈出層的高度 7 層滑動的高度也就是彈出層時...
jQuery彈出層外掛程式Dialog
dialogupdate author huang ji hua license freebsd license jquery的dialog外掛程式。param object content param object options 選項。return function dialog content...