网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> WEB标准 >> 正文
最新文章
· 关于DIV+CSS开发与各浏览器的兼容性问
· 如何调用Flash才符合Web网页标准?
· XHTML标准的DIV+CSS布局对于网站SEO的
· 符合web标准的flash插入法
· 使用DOCTYPE会使最常用对联漂浮广告失
热门文章
 使用DOCTYPE会使最常用对联漂浮广告
 关于DIV+CSS开发与各浏览器的兼容性
 符合web标准的flash插入法
 XHTML标准的DIV+CSS布局对于网站SE
 如何调用Flash才符合Web网页标准?
相关文章
没有相关文章
使用DOCTYPE会使最常用对联漂浮广告失效的解决方案
来源:DIY部落 更新时间:2009/5/18 10:08:50 阅读次数:
字体:[ ] 我要投稿

在使用以下声明时,会使一个最常用的漂浮下拉广告失效:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

直接导致document.body.scrollTop永远等于0, body Scroll永远也不会引发。

搜索了一下,发现了解决方案:

document.documentElement.scrollTop 替代 document.body.scrollTop

以下是正确的漂浮广告下拉代码,在所谓的"W3C标准"里可以正确运行 :

var delta=0.15
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('' ''+content+'''');

var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;

this.items[this.items.length] = newItem;
}
this.play = function()
{
collection = this.items
setInterval(''play()'',10);
}
}
function play()
{

for(var i=0;i {
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)==''string''?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)==''string''?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}

if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y)) {
var dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
followObj.style.display = '''';
}
}

var theFloaters = new floaters();
theFloaters.addItem(''followDiv1'',''document.body.clientWidth-108'',1,''http://sms.tom.com/pkly/pkly.html" target="_blank" />http://smsad.tom.com/smsweb/images/2005_new/cn/qp_100x400.gif" width="100" height="400" />'');

theFloaters.play();

  • 上一篇文章: 没有了
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号