JS 浮动广告图片解决办法
日期：2014-05-16 浏览次数：20266 次
JS 浮动广告图片
代码：
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
// MoveRightLayer('AdLayer2')
MoveLeftLayer1("AdLayer2");
}
function MoveLeftLayer(layerName) {
var x = 0;
var y = 500; // 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop) * .40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
//左侧第二张图片
function MoveLeftLayer1(layerName) {
var x = 0;
var y = 625;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop) * .40;5
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='' target='_blank'><img src=../images/guanggao.jpg border='0'></a></div>"
+ "<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='' target='_blank'><img src=../images/guanggao.jpg border='0'></a></div>");
initEcAd();
问题:图片的高度是115px，而我给出了125px的空间，却重叠了.请问哪里错了.
------解决方案--------------------
代码：function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
// MoveRightLayer('AdLayer2')
MoveLeftLayer1("AdLayer2");
}
function MoveLeftLayer(layerName) {
var x = 0;
var y = 500; // 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop) * .40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
//左侧第二张图片
function MoveLeftLayer1(layerName) {
var x = 0;
var y = 625;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop) * .40;5
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='' target='_blank'><img src=../images/guanggao.jpg border='0'></a></div>"
+ "<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='' target='_blank'><img src=../images/guanggao.jpg border='0'></a></div>");
initEcAd();
问题:图片的高度是115px，而我给出了125px的空间，却重叠了.请问哪里错了.
------解决方案--------------------
直接position:fixed定位就好了，不需要js。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
