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

悬浮广告代码-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>