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：使用
new FloatCouplet($("#leftFloatE")[0], $("#rightFloatE")[0]);
3：测试
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>符合标准的正常工作的对联广告</title> <mce:style type="text/css"><!-- html,body{height:1000px;} --></mce:style><style type="text/css" mce_bogus="1">html,body{height:1000px;}</style> </head> <body> <div id="leftFloatE" style="left:2px;position:absolute;top:200px;border:5px solid #ccc;width:100px;height:200px;">ad1</div> <div id="rightFloatE" style="right:2px;position:absolute;top:200px;border:5px solid #ccc;width:100px;height:200px;">ad1</div> <div id="mm"> </div> <mce:script src="jquery.js" mce_src="jquery.js" type="text/javascript"></mce:script> <mce:script language="JavaScript" type="text/javascript"><!-- 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); } new FloatCouplet($("#leftFloatE")[0], $("#rightFloatE")[0]); // --></mce:script> </body> </html>
浙公网安备 33010602011771号