前端之家收集整理的这篇文章主要介绍了
js实现左右两侧浮动广告，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
本文实例为大家分享了js实现左右浮动广告展示的具体代码，供大家参考，具体内容如下
左右两侧浮动广告
页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
var ClosebuttonHtml = 'nofollow" rel="external
nofollow" mce_href="javascript:;" rel="external
nofollow" rel="external
nofollow" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;" mce_style="color:red;text-decoration:none;font-size:12px;">
关闭
广告
';
document
.write(''
+ AdContentHtml
+ '
');
document
.write(''
+ AdContentHtml
+ '
');
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;
//-->
