jq制作精致功能强的弹出窗口效果

jq制作精致功能强的弹出窗口效果,第1张

非常不错的国产JS弹出框插件,由前端工程师alien开发,提供多种类型的自定义对话框,使用方法简单,浏览器兼容性好,支持的弹出框模式有:alert:普通提示(警告)对话框confirm:询问(确认)对话框message:简单消息对话框(无title、无按钮)iframe:在对话框中嵌入一个iframetip:带有小三角指向的小tipdialog:最基础的自定义对话框还是很强大的jQuery弹出对话框插件,推荐学习和下载.

jq制作精致功能强的弹出窗口效果,第2张


使用方法:
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();
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » jq制作精致功能强的弹出窗口效果

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情