图片固定移动的代码？

<html>
<head>
<title></title>
<style>
.ad {
background:#FF0000;
width:200px;
height:300px;
position:absolute;
left:0px;
top:0px;
}
</style>
</head>
<script language=javascript>
function setDiv()
{
document.all.ad.style.pixelTop = document.body.scrollTop+200;
}
</script>
<body onload='window.setInterval("setDiv()",100)'>
<div class='ad' id='ad'>
</div>
<div style='height:800px'>
</div>
</body>
</html>

解决方案 »

  1.   

    <SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
    　　 initAd();//载入页面后，调用函数initAd()
    　　 </SCRIPT>
    　　 <script language="JScript">
    　　 <!--
    　　 function initAd() {
    　　 document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
    　　 document.all.AdLayer.style.visibility = 'visible'//设置层为可见
    　　 MoveLayer('AdLayer');//调用函数MoveLayer()
    　　 }
    　　 function MoveLayer(layerName) {
    　　 var x = 600;//浮动广告层固定于浏览器的x方向位置
    　　 var y = 300;//浮动广告层固定于浏览器的y方向位置
    　　 var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
    　　 var y = document.body.scrollTop + y - diff;
    　　 eval("document.all." + layerName + ".style.posTop = y");
    　　 eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
    　　 setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
    　　 }
    　　 //-->
    　　 </script>
    　　 <!--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片-->
    　　 <div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'> 
    　　 <a href="http://www.killerj.tk"><img src=images.jpg></a> 
    　　 </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      

  2.   

    <iframe SRC='http://links.union.sohu.com/scscau007.html?uid=1812&fid=scscau007'></iframe>我的代码里有一个这个就不行了，去掉后就可以，可是这个我又不能去，这是什么原因呢？
      

  3.   

    <img src="http://expert.csdn.net/images/csdn.gif" border=0 style="position: absolute;  top:expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);  left:expression(document.body.scrollLeft + document.body.clientWidth - this.clientWidth);">
    <br><br><br>
    <iframe SRC='http://links.union.sohu.com/scscau007.html?uid=1812&fid=scscau007'></iframe>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function setVariables() {
    if (navigator.appName == "Netscape") {
    v=".top=";
    dS="document.";
    sD="";
    y="window.pageYOffset";
    }
    else {
    v=".pixelTop=";
    dS="";
    sD=".style";
    y="document.body.scrollTop";
    }
    }
    function checkLocation() {
    object="object1";
    yy=eval(y);
    eval(dS+object+sD+v+yy);
    setTimeout("checkLocation()",10);
    }
    // End -->
    </script>
    <BODY OnLoad="setVariables();checkLocation()">
    <div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:2">
    <table width=128 border=0 cellspacing=20 cellpadding=0>
    <tr>
    <td>
    <a href="地址"><img src="图片" border="0"></a> 
    </td>
    </tr>
    </table>
    </div></BODY>