html网页中两侧浮动广告怎么做,JavaScript 网页两侧对联浮动广告

1：源码

functionFloatCouplet(leftElement, rightElement) {

if(arguments.length == 0)return;

lastScrollY=0;

functionheartBeat(leftElement, rightElement){

returnfunction() {

vardiffY;

if(document.documentElement && document.documentElement.scrollTop) {

diffY = document.documentElement.scrollTop;

}elseif(document.body) {

diffY = document.body.scrollTop;

}else{

/*Netscape stuff*/

}

percent = .1 * (diffY - lastScrollY);

percent = percent > 0 ? Math.ceil(percent) : Math.floor(percent);

if(leftElement) leftElement.style.top = parseInt(leftElement.style.top) + percent +"px";

if(rightElement) rightElement.style.top = parseInt(rightElement.style.top) + percent +"px";

lastScrollY = lastScrollY + percent;

}

}

window.setInterval(heartBeat(leftElement, rightElement), 1);

}

function FloatCouplet(leftElement, rightElement) {

if (arguments.length == 0) return;

lastScrollY=0;

function heartBeat(leftElement, rightElement){

return function() {

var diffY;

if (document.documentElement && document.documentElement.scrollTop) {

diffY = document.documentElement.scrollTop;

} else if (document.body) {

diffY = document.body.scrollTop;

} else {

/*Netscape stuff*/

}

percent = .1 * (diffY - lastScrollY);

percent = percent > 0 ? Math.ceil(percent) : Math.floor(percent);

if (leftElement) leftElement.style.top = parseInt(leftElement.style.top) + percent + "px";

if (rightElement) rightElement.style.top = parseInt(rightElement.style.top) + percent + "px";

lastScrollY = lastScrollY + percent;

}

}

window.setInterval(heartBeat(leftElement, rightElement), 1);

}

2：使用

newFloatCouplet($("#leftFloatE")[0], $("#rightFloatE")[0]);

new FloatCouplet($("#leftFloatE")[0], $("#rightFloatE")[0]);

3：测试

html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

符合标准的正常工作的对联广告

html,body{height:1000px;}

-->

ad1

ad1