jq制作精致功能强的弹出窗口效果
非常不错的国产JS弹出框插件,由前端工程师alien开发,提供多种类型的自定义对话框,使用方法简单,浏览器兼容性好,支持的弹出框模式有:alert:普通提示(警告)对话框confirm:询问(确认)对话框message:简单消息对话框(无title、无按钮)iframe:在对话框中嵌入一个iframetip:带有小三角指向的小tipdialog:最基础的自定义对话框还是很强大的jQuery弹出对话框插件,推荐学习和下载.
使用方法:
alert方式调用:
使用方法:
alert方式调用:
// 修改按钮var dialog = jDialog.alert('欢迎使用jDialog组件,我是alert!',{ type : 'highlight', text : '谢谢!', handler : function(button,dialog) { // TODO ... }}); // 如上关于第二个参数(button)的配置,其实每一项都是可选的,如果只需要修改按钮的文字,可以只传入:// { text : '谢谢!' }confirm方式调用:
// 修改按钮var dialog = jDialog.confirm('欢迎使用jDialog组件,我是confirm!',{ type : 'highlight', text : '知道了!', handler : function(button,dialog) { alert('感谢!'); dialog.close(); }},{ type : 'normal', text : '以后用!', handler : function(button,dialog) { // TODO ... }});iframe方式调用:
// 通过options参数,控制iframe对话框var dialog = jDialog.iframe('http://www.baidu.com',{ title : '百度一下,你就知道', width : 800, height : 500});只显示内容调用:
// 通过options参数,控制dialogvar dialog = jDialog.dialog({ title : '自定义对话框', content : '大家好,我是jDialog.dialog,接口很友好的,欢迎使用!'});对话框配置按钮:
// 通过options参数,控制dialogvar dialog = jDialog.dialog({ title : '自定义对话框', content : '大家好,我是jDialog.dialog!', buttons : [ {type : 'highlight',handler : function(button,dialog){dialog.close();} } ]});关闭对话框dialog.close();隐藏对话框dialog.hide();显示对话框dialog.show();
0条评论