<!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=utf-8" /> <title>滚动广告</title> <style> #dd{ float:left; position:fixed; left:1120px; top:550px; z-index:1; } </style> <script> window.onload=initial; window.onscroll=move; var objAdver;//层对象 var objTop;//头部 var objLeft;//左边 function initial(){ objAdver=document.getElementById("dd");//广告层对象 if(objAdver.currentStyle){//IE浏览器取层的位置:头部位置与左边位置 objTop=parseInt(objAdver.currentStyle.top); objLeft=parseInt(objAdver.currentStyle.left); }else{//非IE浏览器取层的位置方式 objTop=parseInt(document.defaultView.getComputedStyle(objAdver,null).top); objLeft=parseInt(document.defaultView.getComputedStyle(objAdver,null).left); } } function move(){//滚动条移动事件 //重新设置广告层的位置 objAdver.style.top=objTop+parseInt(document.documentElement.scrollTop)+"px"; objAdver.style.left=objLeft+parseInt(document.documentElement.scrollLeft)+"px"; } </script> </head> <body> <div id="dd"><img src="哈士奇.jpg" width="250" height="180" /></div>
</body>