在基于浏览器的页面开发过程中，会经常用到信息提示和信息确认的弹出对话框，一般的做法是直接使用window.confirm() 和 alert。

但弹出框口的UI不可改变，很难和页面的UI形成统一风格。

自己动手开发了一款基于Jquery的JS函数，能够很好地解决这个问题。

页面所需文件：

J3Button.js
ziiconfirmbox.js
J3Button.css
ziiconfirmbox.css
<script>
//alert box
ZiiConfirmBox(’The item has been removed’,'alert’,null);

//confirm box
ZiiConfirmBox(’Would you like to remove it?’,'confirm’,function(){alert(”Done”);});
</script>

三个参数是必须的，但作为alert使用时，callback可以设为null 。效果如下图：

当然可以修改css文件及图片以转换不同的风格。

其中按钮部分采用了J3Button 插件，开发者为我的同事Seven。

文件下载:ziiconfirmbox