这个是在chrome浏览器中呈现的效果。
tomcat登录时也是用的这个,在线等,谢谢。JavaTomcat登录弹窗

解决方案 »

  1.   

    自己顶一个!!!就是tomcat默认的那个登录认证方式,我就是想不起是啥呢
      

  2.   

    访问tomcat_manager就弹出这个!
      

  3.   

    P,这是chrome弹出的用户认证窗口
      

  4.   

    P,这是chrome弹出的用户认证窗口如果只是JavaApplet小应用程序,属于Swing组件;如果是JavaWeb,属于嵌套的<div ...>XXX</div>弹出层,将表单验证放在这个弹出层里。
      

  5.   

    P,这是chrome弹出的用户认证窗口如果只是JavaApplet小应用程序,属于Swing组件;如果是JavaWeb,属于嵌套的<div ...>XXX</div>弹出层,将表单验证放在这个弹出层里。额...纠正一下,如果是javaGUI,属于java.awt包下的AWT组件或者javax.swing包下的Swing容器组件。AWT和Swing都是java提供的GUI图形用户界面组件。
    不过看楼主的截图,有显示“http://localhost:8080”字样,属于javaweb网页中的弹出层。
      

  6.   

    这是div弹出框吧,就像删除的时候弹出个确认框嘛
      

  7.   

    楼主去看看HTTP协议的401,和403(可以搜HTTP Authentication)浏览器是HTTP协议的实现客户端,在连接到一个server时,如果server返回403的状态码时,这个框就会出现了,是因为Server配置了需要认证了的用户才能访问
      

  8.   


    刚刚百度一下代码   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="description" content="前端思考" />
    <meta name="keywords" content="前端思考" />
    <title>弹出层—到浏览器中央—背景变暗—支持键盘[Esc]退出 :前端思考</title>
    <style>
    *{margin:0;padding:0px;}
    body{padding:30px;}
    #show{width:300px;height:200px;display:none;padding:1px;position:absolute;border:1px solid #4c77aa;background:#f2f7fd;z-index:11;zoom:1;}
    #show h3{background:#4c77aa;color:#fff;font-size:14px;padding:5px;}
    #show span{position:absolute;right:3px;top:3px;display:block;cursor:pointer;color:#fff;font-weight:bold;}
    #show p{padding:5px;}
    #text{font-size:12px;text-indent:2em;line-height:20px;}
    #bgbox{position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=30);opacity:0.3;z-index:10}
    </style>
    <script type="text/javascript">
    function show(){
    var iWidth = document.documentElement.clientWidth;
    var iHeight = document.documentElement.clientHeight;
    var bgObj = document.createElement("div");
    bgObj.setAttribute("id","bgbox");
    bgObj.style.width = iWidth+"px";
    bgObj.style.height =Math.max(document.body.clientHeight, iHeight)+"px";
    document.body.appendChild(bgObj);
    var oShow = document.getElementById('show');
    oShow.style.display = 'block';
    oShow.style.left = (iWidth-302)/2+"px";
    oShow.style.top = (iHeight-202)/2+"px";
    var oClosebtn = document.createElement("span");
    oClosebtn.innerHTML = "×";
    oShow.appendChild(oClosebtn);
    function oClose(){
    oShow.style.display = 'none';
    oShow.removeChild(oClosebtn);
    document.body.removeChild(bgObj);
    }
    oClosebtn.onclick = oClose;
    bgObj.onclick = oClose;
    function getEvent() {
    return window.event || arguments.callee.caller.arguments[0];
    }
    document.onkeyup = function(){
    var event = getEvent();
    if (event.keyCode == 27){
    oClose();
    }
    }
    }
    </script>
    </head>
    <body>
    <a onclick="show(); return false" href="#">请猛击我(弹出层—到浏览器中央—背景变暗—支持键盘[Esc]退出)</a>
    <div id="show">
    <h3>弹出层标题栏</h3>
    <p id="text">
    这里是弹出层内容,内容可以是文字、图片等,可以是iframe传进来,也可以用jQuery的load()传进来。如有什么不合理的或可以改进的,大家可以给我留言,共同学习。
    </p>
    </div>
    </body>
    </html>
    然后想改成点击弹出式登录,可以form表单提交,为啥会报错,有人试过没?