更多的对联式浮动广告js特效

Aug 24 2007

更多的对联式浮动广告js特效

Written by Hugh Wu

Aug 24, 2007 at 09:50 AM

更多的对联式浮动广告js特效。。。。。。

转自：jianlu’s Blog

方法1，JS调用的

把以下代码用记事本保存　存储为guanggao.js

var delta=0.015;
var collection;
var closeB=false;
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()',30);
      }
  }
  function play()
  {
   if(screen.width<=800 || closeB)
   {
    for(var i=0;i<collection.length;i++)
    {
     collection[i].object.style.display = 'none';
    }
    return;
   }
   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;
     }

var theFloaters = new floaters();
//
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a onClick="closeBanner();" HREF=http://右地址链接 target=_blank><img src=右广告图片地址 border=0></A><img src=右关闭按钮图片 onClick="closeBanner();">');theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" HREF=http://左地址链接 target=_blank><img src=左广告图片地址 border=0></A><img src=左关闭按钮图片 onClick="closeBanner();">');
theFloaters.play();

上面的链接地址，图片地址和大小等自己设置。

然后在你须要放置广告的地方，调取这个JS代码。注意路径别错了。

参考演示http://www.wyren.net 主页上的广告。

如果这JS有错误，您可自己下载

http://www.wyren.net/closeguanggao.js　来研究。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

方法2，另外一种对联广告代码，直接插入在网页HEAD中的。

以上的蓝色的部分是距离顶部，边上的距离，
红色部分是图片的高宽，自己修改其中的数字部分。

3、对联FLASH广告源码：

把以下文件复制到记事本中，存为guanggao.js

主意上面的蓝色部分和红色部分。自己琢磨吧。

然后通过这样来调取：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>FLASH对联广告</title>
<style type="text/css">

</style>

<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='JavaScript'>
AdLayer1.style.visibility='hidden';
AdLayer2.style.visibility='hidden';
</script>
<script src="/blog/guanggao.js>";</script>
</head>
<body>
</body>
</html>

4、自动视别浏览器大小的左右对联代码
800*600的时候　自动隐藏，1024的时候出现

var delta=0.015
    var collection;
    function floaters() {
        this.items    = [];
        this.addItem    = function(id,x,y,content)
                  {
                    document.write('<DIV id='+id+' style="Z-INDEX: 0; 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()
        {
            if(screen.width<=800)
            {
                for(var i=0;i<collection.length;i++)
                {
                    collection[i].object.style.display    = 'none';
                }
                return;
            }
            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-100',0,'</a><br><A HREF=http://右链接地址 target=_blank><img src=../右图地址 border=0></A>');
    theFloaters.addItem('followDiv2',0,0,'<br><A HREF=http://左链接地址 target=_blank><img src=../左图地址 border=0></A>');
    theFloaters.play();

自己存储为　**.js

然后用<script src="**.js"></script>来调取，

其实这些都是很简单的东西，我也不会做，但是偶会搜索网络上，再来调试。
这一切都是以HTM为基础的。相信您很快可以就学会的了。

还有很多的代码，比如：

自动关闭的弹窗代码
Flash向上收缩式广告
鼠标滑过自动点击代码
强制点击广告大法
背景FLASH代码
大幅广告显示隐藏效果代码…………等

User Comments

Comment by BrawsreokZoor-tool on 2010-05-28 06:11:46
Tack for intressant blogg

Last Updated ( Aug 24, 2007 at 09:53 AM )