关于对联广告不滚动的解决方法
在页面上加了对联广告后发现不滚动,找了N久才发现是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">这句导致不滚动的,可是如果去掉的话对于用DIV+CSS开发的网站来说又是灾难要另外找解决办法,应该是JS里有代码不符合W3C的标准找了资料才知道是document.body不符合标准,换成document.documentElement就可以了,问题终于完美的解决了。
附上对联广告的代码:
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');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 150;// 左侧广告距离页首高度
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.documentElement.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = parseInt(y)");
eval_r("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 150;// 右侧广告距离页首高度
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.documentElement.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='NewsList.asp?SortID=11&SortPath=0,11,' target='_blank'><img src=images/dlzuo.jpg border='0'></a></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='NewsList.asp?SortID=11&SortPath=0,11,' target='_blank'><img src=images/dlyou.jpg border='0'></a></div>");
initEcAd()
// JavaScript Document
将上面的程序保存成某个js文件
在调用的时候直接
注意修改文件的路径
(责任编辑:admin)
- ·“北湖印象”楼盘广告对联
- ·卖豆腐的店铺的广告对联
- ·“上书房”楼盘广告对联
- ·京城史上最强广告对联
- ·光大集团旗下楼盘广告对联小集
- ·对联广告始祖朱元璋为阉猪人写的对联广告
- ·四大才子之一的祝枝山为一萧条酒馆写的对
- ·戏园的对联广告
- ·古玩店的对联广告
- ·眼镜店的对联广告
- ·酒厂的对联广告
- ·酒馆的对联广告
- ·药店的广告对联
- ·理发店的对联广告
- ·钦州红树林大酒店对联欣赏
- ·网站常用对联广告代码
- ·对联广告代码效果
- ·居顶不随下拉条滚动的对联广告代码
- ·随下拉条滚动的对联广告代码
- ·浮动对联广告之左侧代码
- ·带关闭按钮的对联广告代码
- ·简单实用的js对联广告代码
- ·JS对联广告代码
- ·右侧滚动JS对联代码
- ·对联广告js代码
- ·纯DIV/CSS对联漂浮广告代码
- ·著名的商品对联广告欣赏
- ·js控制的对联式浮动框
- ·2011年最新广告词串联对联
- ·关于对联广告不滚动的解决方法
- ·网站漂浮对联广告代码
- ·对联浮动广告代码不滚动的解决方法
- ·用对联做广告