日前收到客户的需求，需要把原来的确认框样式进行修改，把边框变大，字体和按钮也相应修改的明显一点。

原确认框的样式如图1所示

                                                                                                                                    图1

       查看前端代码，原本的确认框应是使用window.confirm的功能实现的。为此我们需要重新改写一个新的confirm样式，再按钮方法上重新引用。在网上找素材，调用jquery-1.7.1.min.js进行改写，设置成如图2所示的效果

                                                                                                                图2

改写的js文件包在https://files.cnblogs.com/files/kewei/win.rar地址上进行下载

素材准备好后，就需要配置到程序目录，并修改相关页面的前端代码，步骤如下：

• 1.将下载下来的压缩包解压后得到名为window的文件夹。如图3

                                                                                                                     图3

• 2.将window文件夹放置在程序相应的目录下，一般就放在原来的js文件内就行，当然具体路径可以自由设置

• 3.在前端页面增加引用这个window文件夹下的jquery-1.7.1.min.js和window.js。如图4

                                                                                                                      图 4

• 4.编写新的function方法_confirm()获取确认或取消的判断后进行不同的方法操作; r 代表true或false，对应的是确认和取消按钮，当r为真时执行原按钮方法，否则就什么都不执行

• 5.修改按钮方法，onclick事件直接选择新写的_confirm()

• 6.修改window.js里的高和宽的值（width，height），从而把确认框的尺寸扩大

• 7.最后测试一下效果。整个确认框尺寸已扩大，且按钮样式醒目，背景呈暗灰色和确认框的白色形成鲜明的对比。