使用jQuery插件jmodal可以模拟弹出对话框功能，用户可自定义对话框的标题，内容，确定按钮以及样式等，弹出框内容可以为文本或HTML。

jmodal插件弹出对话框参数如下：
data(Object): 传给对话框的数据
buttonText(String): 按钮名称
okEvent(Function): 确定按钮事件
initWidth(Interger): 初始化对话框宽度
title(String): 对话框标题
content(String): 对话框内容(文本或对话框)
overlayCss(Object): 覆盖网页的CSS样式
jmodalbgCss(Object): 对话框背景色CSS
jmodalCss(Object): 对话框CSS样式
closeCss(Object): 对话框关闭CSS样式
titleCss(Object): 对话框标题CSS样式
contentCss(Object):对话框内容CSS样式
bottomCss(Object): 对话框底部CSS样式
buttonCss(Object): 对话框确定按钮CSS样式

$.fn.jmodal({
title: 'Information',
content: 'Hi,you displayed me?',
buttonText: 'Yes,It's me',
okEvent: function(e) {
alert('jmodal'll be closed after u click me:-)');
}
});

您可能感兴趣的文章: