如下所示：

但是这些弹出窗口的样式太单调，无法设置，窗口标题也根据不同的浏览器显示不同的标题，非常难看！对于审美标准高的现代人来说，会大大降低！JQuery现在这么流行，这么受欢迎，但是网上好像还是没有类似MessageBox的插件(或者我就是找不到)，类似的模式窗口插件很多，但是这不是我想要的。如果不是现成的，我还得花点时间，基于我个人的JS框架来更改MessageBox，也就是本文中的JMessageBox。使用起来非常简单。CSS JS一起用。CSS用于自定义窗口的样式(具体示例请参考源代码包中文本后的CSS样式文件)，而JS负责调用，如下例所示：例1:简单调用Copy代码如下： jquery . jmessagebox . show(' hello word！').);代码不是很简单吗？你在消息框里找到感觉了吗？但是，在这种方法中，您无法控制标题的内容(实际上，您可以通过更改配置参数来更改标题)和“是”按钮的动作。单击它只会关闭窗口。效果图：

示例2:常见的调用和复制代码如下： jQuery.jMessageBox.show('系统消息'，' hello！').);代码很简单，不是吗？虽然可以更改标题的内容，但是在这个方法中仍然不能控制“是”按钮的动作。单击它只会关闭窗口。效果图：

示例3:复杂的调用复制代码如下： jquery . jmessagebox . show({ width :350，title :' system message '，message : '。您想继续下一步吗？yesButton : {点击：函数(){ jquery . jmessagebox . hide()；} }，cancelButton : { click : function(){ jquery . jmessagebox . hide()；} }，底部： { text : ' description :如果要继续，请单击' yes '！'，点击： function(){ alert('你是在命令我吗？);} } });在这个例子中，我们定义：窗口的宽度；标题；内容；是按钮动作；无按钮动作；取消按钮的动作；底部的文本描述和操作。效果图：

JMessageBox 1的参数定义。全局配置参数：jquery . jmessagebox . settings注意：全局配置参数仅在第一次调用show方法之前或调用简单的show方法时使用！Width :设置窗口默认宽度，默认值为350。Title :设置窗口默认标题，默认值为空。BottomText :设置窗口底部的文本描述。默认值为空。是按钮文本：是按钮文本，默认值为空。NoButtonText :无按钮文本，默认值为空。CancelButtonText :取消按钮文本，默认值为空。2.窗口配置参数。每次调用show方法时都可以传入窗口配置参数(如上面的示例3)，并用于配置显示的窗口样式。Width :设置窗口的宽度，如果没有，将采用全局配置参数中的宽度值。高度：设置窗口的高度；如果未设置，将设置为自动(推荐)顶部：设置窗口显示时上边距的距离。左：设置窗口显示时左边距的距离。注意：顶部和左侧的值必须同时设置或不同时设置。如果没有设置(推荐)，默认显示在中央！标题：设置窗口的标题。如果未设置，将采用全局配置参数中的标题值。如果该值设置为null或空字符串，标题栏将被隐藏！消息：设置窗口需要显示的内容。如果未设置，或者设置为null或空字符串，则内容区域将被隐藏。YesButton:设置窗口中yes按钮的文本和点击后的事件。如果未设置，窗口将不会显示“是”按钮。Nobuton:在窗口中设置nobuton的文本，点击后处理事件。如果未设置，窗口中将不会显示任何按钮。取消按钮：设置文本并单击窗口中的取消按钮。如果未设置，窗口将不会显示取消按钮。底部：设置窗口底部文本栏的描述文本和点击(点击)后的事件。如果未设置，窗口将不显示底部文本字段。源代码和示例下载(带有两种窗口样式的示例):http://xiazai.jb51.net/200912/yuanma/jmessagebox.rar.