小麦子 发表于 2024-10-16 15:48:51

经典的JS对联广告代码

本帖最后由 小麦子 于 2024-10-19 00:17 编辑

蓝色经典网站的对联广告代码,宽度自适应、高度也会自适应,不管你的网页窗口有多大,它都会靠两边并且保持一定的高度,拖动滚动条它会自动保持位置,另外它的对联可以一边图片,一边动画,互不影响,确实比较经典的广告代码。




<html>
<head>
<title>蓝色经典的对联广告代码</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
</head>
<body>
<table><tr><td height="1000"></tr></td></table>
<script language="JavaScript">
      var delta=0.8;
      var collection;
      var closeB=false;
      function floaters() {
                this.items      = [];
                this.addItem      = function(id,x,y,mrc)
                                  {
                                        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)+'">'+mrc+'</DIV>');
                                       
                                        var newItem                              = {};
                                        newItem.object                        = document.getElementById(id);
                                        newItem.x                              = x;
                                        newItem.y                              = y;

                                        this.items                = newItem;
                                  }
                this.play      = function()
                                  {
                                        collection                              = this.items
                                        setInterval('play()',30);
                                  }
                }
                function play()
                {
                        if(screen.width<=800 || closeB)
                        {
                              for(var i=0;i<collection.length;i++)
                              {
                                        collection.object.style.display      = 'none';
                              }
                              return;
                        }
                        for(var i=0;i<collection.length;i++)
                        {
                              var followObj                = collection.object;
                              var followObj_x                = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
                              var followObj_y                = (typeof(collection.y)=='string'?eval(collection.y):collection.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      = '';
                        }
                }      
                function closeBanner()
                {
                        closeB=true;
                        return;
                }

      var theFloaters                = new floaters();
      theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="97" height="233"><param name="movie" value="/jscss/demoimg/200908/ad-02.swf"><param name="quality" value="high"><embed src="/jscss/demoimg/200908/ad-02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="97" height="233"></embed></object><br><br><img src="/jscss/demoimg/200908/close.gif">');
      theFloaters.addItem('followDiv2',6,80,'<img src="/jscss/demoimg/dl.jpg" width="97" height="233"><br><br><img src="/jscss/demoimg/200908/close.gif">');
      theFloaters.play();
</script>
</p>
</body>
</html>
页: [1]
查看完整版本: 经典的JS对联广告代码