jQuery Avgrund是一個(gè)輕量級的jQuery插件，它可以讓你創(chuàng)建漂亮的模態(tài)對話框，這些對話框可以包含任何形式的內(nèi)容，包括文字、圖像、表格甚至視頻內(nèi)容。

$('element').avgrund({
width: 380, // 模態(tài)對話框?qū)挾?
height: 280, // 模態(tài)對話框高度
showClose: true, // 顯示關(guān)閉按鈕
closeByEscape: true, // 按ESC鍵關(guān)閉
closeByDocument: true, // 點(diǎn)擊任意地方關(guān)閉
holderClass: '', // 模態(tài)對話框類名
overlayClass: '', // 遮罩層類名
enableStackAnimation: false, // 開啟堆積動(dòng)畫效果
onBlurContainer: '', // 失去焦點(diǎn)的元素
openOnEvent: true, // 觸發(fā)事件是開啟
setEvent: 'click', // 觸發(fā)事件的類型
onLoad: function (element) {}, // 加載時(shí)的回調(diào)函數(shù)
onUnload: function (element) {}, // 卸載時(shí)的回調(diào)函數(shù)
template: '
This is a placeholder for your modal window
', // 模態(tài)對話框HTML模板，默認(rèn)為
標(biāo)簽
onShow: function (element) {}, // 顯示時(shí)的回調(diào)函數(shù)
onHiden: function (element) {}, // 隱藏時(shí)的回調(diào)函數(shù)
});

如上所示，可以通過簡單的JSON對象來配置模態(tài)窗口的參數(shù)。此外，jQuery Avgrund提供了多種自定義選項(xiàng)，如關(guān)閉按鈕、ESC鍵關(guān)閉選項(xiàng)、堆積動(dòng)畫效果等等，讓你可以輕松地實(shí)現(xiàn)驚艷的模態(tài)對話框效果。

如果你正在開發(fā)一款網(wǎng)站或應(yīng)用程序，并想要增加炫酷的模態(tài)對話框效果，那么jQuery Avgrund是你的最佳選擇。試試它，你將不會(huì)失望！