鍍金池/ 問(wèn)答/HTML/ 寫(xiě)的JS兩側(cè)浮動(dòng)廣告在本地測(cè)試顯示,嵌入到其它網(wǎng)站就不顯示。

寫(xiě)的JS兩側(cè)浮動(dòng)廣告在本地測(cè)試顯示,嵌入到其它網(wǎng)站就不顯示。

在本地測(cè)試是好的
嵌入到網(wǎng)站就出問(wèn)題了。

<html>  
<title>左右兩側(cè)浮動(dòng)廣告</title>  
<head>  
</head>  
<body>  
<table style="background-color:#EEEEE2;width:1024px;height:2000px;t" align="center">  
    <tr><td> </td></tr>  
</table>  
<SCRIPT LANGUAGE="JavaScript">  
<!--  
    var showad = true;  
    var Toppx = 60; //上端位置  
    var AdDivW = 100; //寬度  
    var AdDivH = 300; //高度  
    var PageWidth = 800; //頁(yè)面多少寬度象素下正好不出現(xiàn)左右滾動(dòng)條  
    var MinScreenW = 1024; //顯示廣告的最小屏幕寬度象素  
    var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" mce_href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;" mce_style="color:red;text-decoration:none;font-size:12px;">關(guān)閉</a></div>'  
    var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑體;" mce_style="color:green;font-size:23pt;font-family:黑體;"><br><br>廣告</div>';  
    document  
            .write('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'  
                    + ClosebuttonHtml  
                    + '<div>'  
                    + AdContentHtml  
                    + '</div></div>');  
    document  
            .write('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'  
                    + ClosebuttonHtml  
                    + '<div>'  
                    + AdContentHtml  
                    + '</div></div>');  
    function scall() {  
        if (!showad) {  
            return;  
        }  
        if (document.body.clientWidth < MinScreenW) {  
            //alert("臨時(shí)提示:/n/n顯示器分辨率寬度小于" + MinScreenW + ",不顯示廣告");  
            showad = false;   
            document.getElementById("Javascript.LeftDiv").style.display = "none";  
            document.getElementById("Javascript.RightDiv").style.display = "none";  
            return;  
        }  
        var Borderpx =( ((window.screen.width - PageWidth) / 2 - AdDivW) / 2 );  
        document.getElementById("Javascript.LeftDiv").style.display = "";  
        document.getElementById("Javascript.LeftDiv").style.top = document.body.scrollTop  
                + Toppx;  
        document.getElementById("Javascript.LeftDiv").style.left = document.body.scrollLeft  
                + Borderpx;  
        document.getElementById("Javascript.RightDiv").style.display = "";  
        document.getElementById("Javascript.RightDiv").style.top = document.body.scrollTop  
                + Toppx;  
        document.getElementById("Javascript.RightDiv").style.left = document.body.scrollLeft  
                + document.body.clientWidth  
                - document.getElementById("Javascript.RightDiv").offsetWidth  
                - Borderpx;  
    }  
    function hidead() {  
        showad = false;  
        document.getElementById("Javascript.LeftDiv").style.display = "none";  
        document.getElementById("Javascript.RightDiv").style.display = "none";  
    }  
    window.onscroll = scall;  
    window.onresize = scall;  
    window.onload = scall;  
//-->  
</SCRIPT>  
</body>  
</html>  
回答
編輯回答
柒喵

clipboard.png??這不是飄到外面去了嗎

2017年8月10日 23:46
編輯回答
笨尐豬

top的問(wèn)題,想滾動(dòng)一直顯示,直接用position:fixed呀;

2017年5月18日 23:03
編輯回答
笑浮塵

上網(wǎng)站看了下,leftDiv和rightDiv兩個(gè)元素都是絕對(duì)定位,并且top:-1000px,距離頂部-1000像素了當(dāng)然顯示不出來(lái)啦,讓top大于0就可以展示出來(lái)了,試試

2017年2月5日 05:34
編輯回答
笨笨噠

樣式中top:-1000px導(dǎo)致不顯示。

2017年10月11日 22:19