<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> #div1{ position:absolute; left:50px; top:50px; } #div2{ position:absolute; left:500px; top:50px; } </style> <script type="text/javascript" language="javascript"> var div1Top; var div2Top; var div1Left; var div2Left; var ossRules; function inti(){ if(window.XMLHttpRequest){ ossRules=document.styleSheets[0].rules; }else{ ossRules=document.styleSheets[0].rules; } div1Top=parseInt(ossRules[0].style.top); div1Left=parseInt(ossRules[0].style.left); div2Top=parseInt(ossRules[1].style.top); div2Left=parseInt(ossRules[1].style.left); } function move(){ ossRules[0].style.top=div1Top+parseInt(document.documentElement.scrollTop)+"px"; ossRules[0].style.left=div1Top+parseInt(document.documentElement.scrollLeft)+"px"; ossRules[1].style.top=div2Top+parseInt(document.documentElement.scrollTop)+"px"; ossRules[1].style.left=div2Left+parseInt(document.documentElement.scrollLeft)+"px"; } window.onload=inti; window.onscroll=move; </script> </head> <body style="height:1000px;width:980px;"> <div id="div1"><img src="images/超级马里奥.jpg"" id="img1" /></div> <div id="div2"><img src="images/1.jpg" id="img2" /></div> </body> </html>