悬浮广告代码-js手机端网站底部和头部悬浮html广告代码教程【附实例】

更新时间:2021-05-23 12:39:43点击:3001 企业动态

悬浮广告代码-js手机端网站底部和头部悬浮html广告代码教程【附实例】

复制代码
<script> document.write("<style>");
document.write("#topNavad{background-color:#fff0; z-index:999; position:fixed; top:0; left:0; width:100%; _position:absolute;");
document.write("_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; }");
document.write("#bottomNavad{background-color:#fff0; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute;");
document.write("_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; }");
document.write("<\/style>");
document.write("");
document.write(" ");
document.write("<!--头部-->");
document.write("<div id=\"topNavad\">");
document.write("<div id=\"MyDiv2\">");
document.write("<div id=\"newsImg\">");
document.write("<center>");
document.write("<a href=\"https:\/\/www.baidu.com\" rel=\"nofollow\" target=\"_blank\">");
document.write("<img src=\"shunwang.jpg\" title=\"AD\" \/ style=\"width:100%\">");
document.write("<\/a>");
document.write("<\/center>");
document.write("<\/div>");
document.write("<span onclick='CloseDiv(\"MyDiv2\")' style=\"text-align:right; display:block;\">关闭<\/span>");
document.write("");
document.write("<\/div>");
document.write("<\/div>");
document.write("<!--头部end-->");
document.write("");
document.write("<!--底部-->");
document.write("<div id=\"bottomNavad\">");
document.write("<div id=\"MyDiv1\">");
document.write("<span onclick='CloseDiv(\"MyDiv1\")' style=\"text-align:right; display:block;\">关闭<\/span>");
document.write("<center>");
document.write("<a href=\"https:\/\/www.baidu.com\" rel=\"nofollow\" target=\"_blank\">");
document.write("<img src=\"shunwang.jpg\" title=\"AD\" \/ style=\"width:100%\">");
document.write("<\/a>");
document.write("<\/center>");
document.write("<\/div>");
document.write("<\/div>");
document.write("<!--底部end-->");
document.write(""); function CloseDiv(div) {
document.getElementById(div).style.display = 'none';
}; </script>
复制代码

悬浮广告代码-js手机端网站底部和头部悬浮html广告代码教程-移动端的悬浮广告代码

 

html版本

复制代码
<style> #topNavad{background-color:#fff0; z-index:999; position:fixed; top:0; left:0; width:100%; _position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; } #bottomNavad{background-color:#fff0; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; } </style> <!--头部--> <div id="topNavad"> <div id="MyDiv2"> <div id="newsImg"> <center> <a href="https://www.baidu.com" rel="nofollow" target="_blank"> <img src="shunwang.jpg" title="AD" / style="width:100%"> </a> </center> </div> <span onclick='CloseDiv("MyDiv2")' style="text-align:right; display:block;">关闭</span> </div> </div> <!--头部end--> <!--底部--> <div id="bottomNavad"> <div id="MyDiv1"> <span onclick='CloseDiv("MyDiv1")' style="text-align:right; display:block;">关闭</span> <center> <a href="https://www.baidu.com" rel="nofollow" target="_blank"> <img src="shunwang.jpg" title="AD" / style="width:100%"> </a> </center> </div> </div> <!--底部end--> <script> function CloseDiv(div) {
document.getElementById(div).style.display = 'none';
}; </script>
复制代码