日期:2014-05-16  浏览次数:20306 次

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


    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.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;
        }