使用jQuery插件jmodal可以模拟弹出对话框功能,用户可自定义对话框的标题,内容,确定按钮以及样式等,弹出框内容可以为文本或HTML。
jmodal插件弹出对话框参数如下:data(Object):传给对话框的数据buttonText(String):按钮名称okEvent(Function):确定按钮事件initWidth(Interger):初始化对话框宽度title(String):对话框标题content(String):对话框内容(文本或对话框)overlayCss(Object):覆盖网页的CSS样式jmodalbgCss(Object):对话框背景色CSSjmodalCss(Object):对话框CSS样式closeCss(Object):对话框关闭CSS样式titleCss(Object):对话框标题CSS样式contentCss(Object):对话框内容CSS样式bottomCss(Object):对话框底部CSS样式buttonCss(Object):对话框确定按钮CSS样式
$.fn.jmodal({title:'Information',content:'Hi,youdisplayedme?',buttonText:'Yes,It\'sme',okEvent:function(e){alert('jmodal\'llbeclosedafteruclickme:-)');}});
评论