怎样弹出上传页面？

本帖最后由 cde32 于 2014-01-19 01:04:38 编辑

解决方案 »

  1.   

    很明显人家是弹出div层。而你是弹出新窗口。
      

  2.   

    人家是弹出div层？我就是在截图的这个页面用chrome浏览器的审查元素找到的这段代码：<a href="javascript:Modal.Open('Editfile.asp?menu=upface',500,150);" title="上传本地头像">上传头像</a>不会有错！
    但是不管新窗口还是div，怎样实现这种效果呢？
      

  3.   

    只能告诉你这么多。他是弹出div，里面放个iframe来引用另一个网页。这是很简单的一个技术。
      

  4.   

    唉~~~不会才来问啊~~~
    最主要是那个半透明是怎么弄的？csdn这里弹出的上传div没有四周的半透明，还可以点击操作背景里的链接和按钮。
    有没有参考代码啊？或者，这叫什么技术啊，我搜搜看！
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>sss</title>
        <style type="text/css">
            html,body{margin: 0;padding: 0;height: 100%}
            body{text-align: center;}
            #mode{
                width: 100%;
                height: 100%;
                left: 0;top: 0;
                position: absolute;
                background-color: #000;
                opacity: 0.4;
                filter:alpha(opacity=40);
                display: none
            }
            #div{
                left: 50%;
                top:50%;
                margin:-150px -200px;
                position: absolute;
                z-index: 2;
                background-color: #fff;
                height: 300px;width: 400px;
                display: none
            }
        </style>
    </head>
    <body>
    一看就是不是搞前端的,只是简单的CSS透明。
    <button type="button" onclick="fun()">弹出窗口</button>
    <div id="mode"></div>
    <div id="div">
        <iframe src="http://www.baidu.com" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
    </div>
    <script type="text/javascript">
    function fun(){
        document.getElementById("mode").style.display="block";
        document.getElementById("div").style.display="block";
    }
    </script>
    </body>
    </html>