<script language="JavaScript">
var ImgW=parseInt(image1.width);  //取得图片宽度
function permute(tfloor,Top,left){
  var RealTop=parseInt(document.body.scrollTop); //取得当前窗口到文档项部的距离
  buyTop=Top+RealTop;                              //加上图片想在当前窗窗口的相对位置
  document.all[tfloor].style.top=buyTop;            //设置图片相对整个文档的绝对定位
  var buyLeft=parseInt(document.body.scrollLeft)+parseInt(document.body.clientWidth)-ImgW;//当前窗口到文档左边的距离,加上窗口宽度,减去图片宽度以留出图片展示位置
  document.all[tfloor].style.left=buyLeft-left;//设置图片相对整个文档的绝对定位
}
setInterval('permute("Tdiv",2,2)',1);//每隔一毫秒调用一次(太频繁了吧~~)
</script>

解决方案 »

  1.   

    IE6以下才需要计算,其它的浏览器用  position:fixed; right:0px;top:0px; 就可以了计算也就是取scrollTop的值
      

  2.   


    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <title>图片置顶显示 </title> 
    </head> <body> 
    <div id=TdivRight style="HEIGHT: 45px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 45px; Z-INDEX: 25"> 
    <input name="image1" type="image" id="image1" src="mrsoft.jpg" width="52" height="249" border="0"> 
    </div>
    <div id=TdivLeft style="HEIGHT: 45px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 45px; Z-INDEX: 25"> 
    <input name="image2" type="image" id="image2" src="mrsoft.jpg" width="52" height="249" border="0"> 
    </div> 
     
    <p> 
    <script language="JavaScript"> 
    var ImgW=parseInt(image1.width); 
    function permute(tfloor,tfloor2,Top,left){
      var RealTop=parseInt(document.body.scrollTop); 
      buyTop=Top+RealTop; 
      document.all[tfloor].style.top=document.all[tfloor2].style.top=buyTop; 
      var buyLeft=parseInt(document.body.scrollLeft)+parseInt(document.body.clientWidth)-ImgW; 
      document.all[tfloor].style.left=buyLeft-left; 
      document.all[tfloor2].style.left=left; 

    setInterval('permute("TdivRight","TdivLeft",2,2)',1); 
    </script>
     
    <center>
    <img src="gougo.jpg"> 
    </center>
    <div style="height:999px;"></div> 
    </body> 
    </html>