🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple tiny jQuery plugin which lets you create animated, clean-looking, draggable alert/confirm dialog windows, iframe modals and toast-style notification messages.

alert confirm Dialog toast-message iframe-lightbox

Documentation

Dialogbox API

default

$('#default').on('click',function(){   var data = '<div style="padding:20px;">这是内容<br />这是内容<br />这是内容</div>';   $.dialogbox({     type:'default',     title:'标题',     content:data,     closeCallback:function(){       $.dialogbox.prompt({         content:'关闭了对话框',         time:2000        });     }   }); }); 

alert
$('#alert').on('click',function(){   $.dialogbox({     type:'msg',     title:'提示',     icon:1,     content:'图片已上传成功!',     btn:['确定'],     call:[       function(){         $.dialogbox.close();        }     ]   }); }); 

confirm
$('#confirm').on('click',function(){   $.dialogbox({     type:'msg',     title:'提示',     content:'您确定要删除图片吗?',     closeBtn:true,     btn:['确定','取消'],     call:[       function(){         $.dialogbox.close();        },       function(){         $.dialogbox.close();        }     ]   }); }); 

iframe
$('#iframe').on('click',function(){   $.dialogbox({     type:'iframe',     title:'百度',     content:'下面是百度首页',     url:'http://www.baidu.com',     width:900,     height:650   }); }); 

prompt
$('#prompt').on('click',function(){   $.dialogbox.prompt({     content:'提交成功',     time:2000    }); }); 

You May Also Like