{"id":1072,"date":"2017-03-16T11:34:23","date_gmt":"2017-03-16T03:34:23","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=1072"},"modified":"2017-03-16T11:34:44","modified_gmt":"2017-03-16T03:34:44","slug":"%e6%a8%a1%e6%8b%9f%e5%bc%b9%e5%87%ba%e6%a1%86%e9%81%ae%e7%bd%a9%e5%b1%82","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=1072","title":{"rendered":"\u6a21\u62df\u5f39\u51fa\u6846\u906e\u7f69\u5c42"},"content":{"rendered":"<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n    &lt;head&gt;\r\n        &lt;meta charset=\"UTF-8\"&gt;\r\n        &lt;title&gt;qdabc.cn&lt;\/title&gt;\r\n        &lt;style&gt;\r\n            *{\r\n                margin: 0;\r\n                padding: 0;\r\n            }\r\n            .main{\r\n                height: 1000px;\r\n                background: cadetblue;\r\n            }\r\n            #mask{\r\n                position: absolute;\r\n                left: 0;\r\n                top: 0;\r\n                width: 100%;\r\n                height: 800px;\r\n                background: #000;\r\n                opacity: .75;\r\n            }\r\n            #login{\r\n                position: fixed;\r\n                left: 30%;\r\n                top: 30%;\r\n            }\r\n            .content{\r\n                width: 300px;\r\n                height: 300px;\r\n                background: white;\r\n                position: relative;\r\n            }\r\n            .close{\r\n                width: 30px;\r\n                height: 30px;\r\n                background: yellowgreen;\r\n                position: absolute;\r\n                right: 5px;\r\n                top: 5px;\r\n                text-align: center;\r\n                line-height: 30px;\r\n                color: white;\r\n                font-weight: bold;\r\n            }\r\n            #button{\r\n                width: 100px;\r\n                height: 30px;\r\n                background: brown;\r\n                position: absolute;\r\n                right: 50px;\r\n                top: 10px;\r\n                line-height: 30px;\r\n                text-align: center;\r\n                color: white;\r\n                font-weight: bold;\r\n            }\r\n        &lt;\/style&gt;\r\n    &lt;\/head&gt;\r\n    &lt;body&gt;\r\n        &lt;div class=\"main\" id=\"main\"&gt;\r\n            &lt;div id=\"button\"&gt;\u70b9\u51fb\u5f39\u51fa&lt;\/div&gt;\r\n            &lt;!--&lt;div class=\"mask\"&gt;&lt;\/div&gt;\r\n            &lt;div class=\"login\"&gt;\r\n                &lt;div class=\"content\"&gt;\r\n                    &lt;div class=\"close\"&gt;&lt;\/div&gt;\r\n                &lt;\/div&gt;\r\n            &lt;\/div&gt;--&gt;\r\n        &lt;\/div&gt;\r\n        &lt;script&gt;\r\n            function aaa(){\r\n                var oMain=document.getElementById('main');\r\n                var sHeight=document.documentElement.scrollHeight; \/\/\u8fd9\u4e2a\u503c\u8d4b\u7ed9mask\u9ad8\r\n                var sWidth=document.documentElement.scrollWidth;\r\n                var cHeight=document.documentElement.clientHeight;\r\n                var cWidth=document.documentElement.clientWidth;\r\n                var oMask=document.createElement('div');\r\n                oMask.id='mask';\r\n                oMask.style.height=sHeight+'px';\r\n                oMask.style.width=sWidth+'px';\r\n                oMain.appendChild(oMask);\r\n                var oLogin=document.createElement('div');\r\n                oLogin.id='login';\r\n                oLogin.innerHTML='&lt;div class=\"content\"&gt;&lt;div class=\"close\" id=\"close\"&gt;X&lt;\/div&gt;&lt;\/div&gt;';\r\n                oMain.appendChild(oLogin);\r\n                var offHeight=oLogin.offsetHeight;\r\n                var offWidth=oLogin.offsetWidth;\r\n                oLogin.style.top=(cHeight-offHeight)\/2+'px';\r\n                oLogin.style.left=(sWidth-offWidth)\/2+'px';\r\n                var oClose=document.getElementById('close');\r\n                oMask.onclick=oClose.onclick=function(){\r\n                    oMain.removeChild(oMask);\r\n                    oMain.removeChild(oLogin);\r\n                }\r\n            }\r\n            var oBtn=document.getElementById('button');\r\n            oBtn.onclick=aaa;\r\n        &lt;\/script&gt;\r\n    &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=1072\">\u6a21\u62df\u5f39\u51fa\u6846\u906e\u7f69\u5c42<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;UTF-8&#8243;&gt; &lt;title&gt;qdabc.cn&#038;l [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":90,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1072"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1072"}],"version-history":[{"count":2,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1072\/revisions"}],"predecessor-version":[{"id":1074,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1072\/revisions\/1074"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/90"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1072"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}