用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


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

页面广告随意漂浮(打砖块效果)

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

[javascript]代码库

var xPos = 300;
var yPos = 200;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img1.style.top = yPos;
function changePos()
{
    width = document.body.clientWidth;
    height = document.body.clientHeight;
    Hoffset = img1.offsetHeight;
    Woffset = img1.offsetWidth;
    img1.style.left = xPos + document.body.scrollLeft;
    img1.style.top = yPos + document.body.scrollTop;
    if (yon)
    {
        yPos = yPos + step;
    }
    else
    {
        yPos = yPos - step;
    }
    if (yPos < 0)
    {
        yon = 1;
        yPos = 0;
    }
    if (yPos >= (height - Hoffset))
    {
        yon = 0;
        yPos = (height - Hoffset);
    }
    if (xon)
    {
        xPos = xPos + step;
    }
    else
    {
        xPos = xPos - step;
    }
    if (xPos < 0)
    {
        xon = 1;
        xPos = 0;
    }
    if (xPos >= (width - Woffset))
    {
        xon = 0;
        xPos = (width - Woffset);
    }
}

function start()
{
    img1.visibility = "visible";
    interval = setInterval('changePos()', delay);
}
function pause_resume()
{
    if (pause)
    {
        clearInterval(interval);
        pause = false;
    }
    else
    {
        interval = setInterval('changePos()', delay);
        pause = true;
    }
}
start();

[代码运行效果截图]


页面广告随意漂浮(打砖块效果)

[源代码打包下载]




网友评论    (发表评论)


发表评论:

评论须知:

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


扫码下载

加载中,请稍后...

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

加载中,请稍后...