使用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:-)’); } });