simplemodal — jquery彈出窗體插件

使用教程

引入jquery庫和插件

1. <script type='text/javascript' src='js/jquery.js'></script>
2. <script type='text/javascript' src='js/jquery.simplemodal.js'></script>

初始化插件

1. $('#basic-modal-content').modal();

在按鈕的單擊事件的監聽函數內初始化插件。而#basic-modal-content就是作爲彈出框的內容層。
你也可以如下調用插件：

1. $.modal("<div><h1>SimpleModal</h1></div>");

直接往彈出窗體插入html片段。
modal的API還是很豐富的。
調用參數的例子請詳見彈出表單和彈出確認框示例。