<html>
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script language=JavaScript>
var delta=0.08
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
  {
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y; this.items[this.items.length] = newItem;
  }
this.play = function()
  {
collection = this.items
setInterval('play()',10);
  }
}
function play()
{ for(var i=0;i<collection.length;i++)
{
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y); if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
} if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
followObj.style.display = '';
}
}

var theFloaters = new floaters();
//右面
theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,'<a href=\"http://www.google.com\" target=\"_blank\"> <img src=\"http://www.google.cn/intl/zh-CN/images/logo_cn.gif\"  border=\"0\" /> </a>');
//左面
theFloaters.addItem('followDiv2',6,80,'<a href=\"http://www.google.com\" target=\"_blank\"> <img src=\"http://www.google.cn/intl/zh-CN/images/logo_cn.gif\" border=\"0\"> </a>');
theFloaters.play();


</script>
ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
    ddddddddddddd <br> 
</BODY></HTML>

解决方案 »

  1.   

    对联广告?我太想看你的代码,我给出我一段写得并不怎么好的代码吧
    <div id="qq_1" style="position:absolute;top:200px;">
      <img src="img2/ad_left.jpg" />
    </div>
    <div id="qq_2" style="position:absolute;top:200px;left:892px;"><!--这里是初始位置,如果网络比较慢,是有必要把left写上的-->
      <img src="img2/ad_right.jpg" />
    </div>
    <script type="text/javascript">
    lastScrollY=0;
    function heartBeat(){
    var info_w=780;//网页主体宽度
    var float_w=108;//广告宽度
    var diffY;
    var qq_1=document.getElementById("qq_1");
    var qq_2=document.getElementById("qq_2");
    var top=qq_2.style.top;
    var lt=(document.body.clientWidth-info_w)/2-float_w;
    var rt=(document.body.clientWidth-info_w)/2+info_w;
    if(lt<0) lt=0;
    if(rt<info_w) rt=info_w;
    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); 
    if(percent>0) percent=Math.ceil(percent); 
    else percent=Math.floor(percent); 
    qq_1.style.top=parseInt(top)+percent+"px";
    qq_2.style.top=parseInt(top)+percent+"px";
    lastScrollY=lastScrollY+percent; 
    qq_1.style.left=parseInt(lt)+"px";
    qq_2.style.left=parseInt(rt)+"px";
    }
    window.setInterval("heartBeat()",50);
    </script>
      

  2.   


    <html>
    <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <script language=JavaScript>
    var delta=0.08
        var collection;
        function floaters() {
            this.items    = [];
            this.addItem    = function(id,x,y,content)
                      {
                        document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
                        
                        var newItem                = {};
                        newItem.object            = document.getElementById(id);
                        newItem.x                = x;
                        newItem.y                = y;                    this.items[this.items.length]        = newItem;
                      }
            this.play    = function()
                      {
                        collection                = this.items
                        setInterval('play()',10);
                      }
            }
            function play()
            {            for(var i=0;i<collection.length;i++)
                {
                    var followObj        = collection[i].object;
                    var followObj_x        = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
                    var followObj_y        = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);                if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
                        var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
                        dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
                        followObj.style.left=followObj.offsetLeft+dx;
                        }                if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
                        var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
                        dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
                        followObj.style.top=followObj.offsetTop+dy;
                        }
                    followObj.style.display    = '';
                }
            }    
            
        var theFloaters        = new floaters();
        //右面
        theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,'<DIV id=lovexin1 style=Z-INDEX: 10; LEFT: 6px; POSITION: absolute; TOP: 105px; width: 100; height: 300px;><img src=images/close.gif onClick=javascript:window.hide() width=100 height=14 border=0 vspace=3 alt=关闭对联广告><a href=\"http://www.google.com\" target=\"_blank\"> <img src=\"http://www.google.cn/intl/zh-CN/images/logo_cn.gif\"  border=\"0\" /> </a></div>');
        //左面
        theFloaters.addItem('followDiv2',6,80,'<DIV id=lovexin1 style=Z-INDEX: 10; LEFT: 6px; POSITION: absolute; TOP: 105px; width: 100; height: 300px;><img src=images/close.gif onClick=javascript:window.hide() width=100 height=14 border=0 vspace=3 alt=关闭对联广告><a href=\"http://www.google.com\" target=\"_blank\"> <img src=\"http://www.google.cn/intl/zh-CN/images/logo_cn.gif\" border=\"0\"> </a></div>');
        theFloaters.play();
        
     function heartBeat(){
    diffY=document.body.scrollTop;
    percent=.3*(diffY-lastScrollY);
    if(percent>0)percent=Math.ceil(percent);
    else percent=Math.floor(percent);
    document.all.lovexin1.style.pixelTop+=percent;
    document.all.lovexin2.style.pixelTop+=percent;
    lastScrollY=lastScrollY+percent;
    }
    function hide()  
    {   
    lovexin1.style.visibility="hidden"; 
    lovexin2.style.visibility="hidden";
    }   
    </script>
    ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
        ddddddddddddd <br> 
    </BODY></HTML>