对联浮动广告效果

ttx9n · 发表于 2006-7-7 00:00:00

现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：

<html><head></head><body>大家好啊 
 <script>//固漂广告 
    var delta=0.15 
    var collection; 
    function floaters() { 
        this.items    = []; 
        this.addItem    = function(id,x,y,content) 
                  { 
                    document.write(''+content+''); 
                     
                    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-105',20,'<a href="http://www.iyuanma.com/sucai/" target="_blank" title="素材频道"><IMG src="http://www.iyuanma.com/asd/images/asd_top_100.gif" width=100 height=400 border="0"></a>'); 
    theFloaters.addItem('followDiv2',10,20,'<a href="http://www.iyuanma.com/sucai/" target="_blank" title="素材频道"><IMG src="http://www.iyuanma.com/asd/images/asd_top_100-2.gif" width=100 height=400 border="0"></a>'); 
    theFloaters.play(); 
//固漂广告end</script> 
</body></html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

8ayoqrpj · 发表于 2022-10-6 14:03:29

hi哦和烦恼农家女

7jbiiz · 发表于 2022-12-18 09:01:43

儿童服务绯闻绯闻绯闻

z835648964 · 发表于 2023-3-31 23:27:14

撒旦撒旦撒擦擦擦擦

额呵呵 · 发表于 2023-8-23 23:40:16

抽根烟，下来看看再说

plvo189 · 发表于 2023-8-24 12:17:05

hi哦和烦恼农家女

plvo189 · 发表于 2023-8-26 02:43:41

hi哦回复iOS就看见

j__j33p · 发表于 2023-9-12 05:34:00

还不错啊

q215357618 · 发表于 2023-10-8 02:11:59

啦啦啦啦啦德玛西亚

额呵呵 · 发表于 2023-10-9 11:54:09

儿飞飞微风DVD谁vdsvd

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 对联浮动广告效果

相关帖子