又是一个难题，求大神帮忙

那个弹框你不能调用confirm 因为confirm的样式是固定的, 你想要自己那种框你得自己绘制一个!

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

单独把页面写在div里, 然后点击弹框或者用定位显示
找个dialog插件，更改样式，不需要用到confirm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title></title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <style type="text/css">
        body, div, a, img, p, ul, li, input{
            margin: 0;
            padding: 0;
            border: 0;
        }
        .confirmContainer{
            width: 400px;
            height: 180px;
            margin: 300px auto;
            border: 1px solid gray;
        }
        span{
            font: 700 25px "Microsoft YaHei",Arial;
        }
        .count{
            padding: 0 10px;
        }
        .mid{
            width: 250px;
            height: 30px;
            margin: 10px auto;
        }
        .btn{
            width: 280px;
            height: 33px;
            margin: 30px auto;
        }
        .btn1, .btn2{
            width: 83px;
            height: 33px;
            cursor: pointer;
        }
        .btn1{
            background: url("images/btn2.jpg") no-repeat;
        }
        .btn2{
            margin-left: 100px;
            background: url("images/btn1.jpg") no-repeat;
        }
    </style>
</head>
<body>
    <div class="confirmContainer">
        <div class="mid">
            <span>总笔数:</span><span class="count">120</span><span>笔</span>
        </div>
        <div class="mid">
            <span>总金额:</span><span class="count">123304.5</span><span>元</span>
        </div>
        <div class="btn">
            <input type="button" class="btn1"/>
            <input type="button" class="btn2"/>
        </div>
    </div>
</body>
</html>
两个按钮是直接截得你的图,你可以自己再改改
样式设置的非常细致，几乎到了每个文字，赞一个。不过，还是尽量提供思路和关键代码吧，让楼主自己动手去写。
样式就按照这位兄台的设计。弹出层可以用jquery.blockUI.js这个库（小巧、简单），给一张我用这个库做的弹出层里面的确定和取消按钮是自己绑定的方法。
这个库的原理就是，新建一个div（上面已提供），然后将这个div的id作为参数传给blockUI库，将其弹出。弹出的方法我封装了一下/**
* 弹出层方法，在页面中定义一个div（display:none,id:id），调用此方法可以将div在指定大小的弹出层中显示
* @param id           要弹出div的id
* @param width 弹出层宽度
* @param height 弹出层高度
*/
function popBox(id,width,height){
$.blockUI({
overlayCSS : {
opacity : '0.2'
},
message:$("#"+id),
css : {
border : '3px solid #aaa',
padding : "15px",
cursor : 'default',
width : width,
height: height,
top : "160px"
}
});
$("#"+id).css("display","block");
}
样式设置的非常细致，几乎到了每个文字，赞一个。不过，还是尽量提供思路和关键代码吧，让楼主自己动手去写。
样式就按照这位兄台的设计。弹出层可以用jquery.blockUI.js这个库（小巧、简单），给一张我用这个库做的弹出层里面的确定和取消按钮是自己绑定的方法。
这个库的原理就是，新建一个div（上面已提供），然后将这个div的id作为参数传给blockUI库，将其弹出。弹出的方法我封装了一下/**
* 弹出层方法，在页面中定义一个div（display:none,id:id），调用此方法可以将div在指定大小的弹出层中显示
* @param id           要弹出div的id
* @param width 弹出层宽度
* @param height 弹出层高度
*/
function popBox(id,width,height){
$.blockUI({
overlayCSS : {
opacity : '0.2'
},
message:$("#"+id),
css : {
border : '3px solid #aaa',
padding : "15px",
cursor : 'default',
width : width,
height: height,
top : "160px"
}
});
$("#"+id).css("display","block");
}
谢谢...在公司实在闲的没事干...
一般会叫你用DIV来模拟。alertconfirm这两个永远不要展示在客户眼前,万一吓到心脏不好和有点神经过敏的客户了.你赔不起。