W3C中使用的對(duì)聯(lián)漂浮廣告代碼
使用<!DOCTYPE會(huì)使最常用對(duì)聯(lián)漂浮廣告失效的解決方案
OK,在使用以下聲明時(shí),會(huì)使一個(gè)最常用的漂浮下拉廣告失效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
直接導(dǎo)致document.body.scrollTop永遠(yuǎn)等于0, body Scroll永遠(yuǎn)也不會(huì)引發(fā)。搜索了一下,發(fā)現(xiàn)了解決方案。
即是使用:document.documentElement.scrollTop 替代 document.body.scrollTop
點(diǎn)這里查看老外的詳細(xì)分析
以下是正確的漂浮廣告下拉代碼,在所謂的"W3C標(biāo)準(zhǔn)"里可以正確運(yùn)行
引用
以下是引用片段: var delta=0.15 var collection; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write(’<DIV id=’+id+’ style="Z-INDEX: 10; POSITION: absolute; width:100px; height:450px;left:’+(typeof(x)==’string’?eval(x):x)+’;top:’+(typeof(y)==’string’?eval(y):y)+’">’+content+’</DIV>’); 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<collection.length;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,’<a href=\"http://sms.tom.com/pkly/pkly.html\" target=\"_blank\" /><img border=0 src=\"http://smsad.tom.com/smsweb/images/2005_new/cn/qp_100x400.gif\" width=\"100\" height=\"400\" /></a>’); theFloaters.play(); |
關(guān)鍵詞:W3C,對(duì)聯(lián)漂浮廣告代碼
閱讀本文后您有什么感想? 已有 人給出評(píng)價(jià)!
- 1
- 1
- 1
- 1
- 1
- 1