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


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

使用方法:
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();

注意:所有网页特效均为互联网上收集,若有侵权,请告知删除。

关键词: jQuery弹出框JS弹出对话框弹出框jDialog

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享