用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

两边漂浮的广告源代码(自动跟随滚动)

2013-01-15 作者: 小蜜锋举报

[javascript]代码库

//左边
var left_img = '<a href=http://yuncode.net target=_blank><img src=1.gif border=0></a><br><br><a href="http://yuncode.net" target=_blank><img src=2.gif border=0></a>';

//上边是两个左边的图片效果,不够可以继续加,代码就是"<br><a href="http://yuncode.net" target=_blank><img src=2.gif border=0></a>"

//右边
var right_img = '<a href=http://yuncode.net target=_blank><img src=1.gif border=0></a><br><br><a href="http://yuncode.net" target=_blank><img src=2.gif border=0></a>';
//var right_img='<EMBED src=1.swf quality=high  WIDTH=80 HEIGHT=170 TYPE="application/x-shockwave-flash"></EMBED>';
var delta = 0.05
    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-130', 20, '' + right_img + '');
theFloaters.addItem('followDiv2', 20, 20, '' + left_img + '');
theFloaters.play();

[代码运行效果截图]


两边漂浮的广告源代码(自动跟随滚动)

[源代码打包下载]




网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...