2核1G3M服务器88一季度

腾讯云,阿里云百度云等 折扣价→点我←

JS 左右两侧浮动广告位代码 站长交流

no1 四级用户组

<html>
<title>左右两侧浮动广告</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; //页面多少宽度象素下正好不出现左右滚动条
        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;">关闭</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("临时提示:/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>


站长窝论坛版权声明 1、本帖标题:JS 左右两侧浮动广告位代码
2、论坛网址:站长窝论坛
3、站长窝论坛的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本帖由no1在站长窝论坛《交流综合区》版块原创发布, 转载请注明出处!
评论
最新回复 (1)
返回
发新帖