他们在给定的链接上使用哪个javascript?

时间:2011-08-24 14:03:01

标签: javascript

有人可以检查他们用于浮动气球的JavaScript吗? - http://themeforest.net/bundles/birthday

我正在用萤火虫看一会儿,但是不能得到哪个是正确的。谢谢!

1 个答案:

答案 0 :(得分:3)

http://themeforest.net/bundles/javascripts/birthday_running.js

如果......其他重复的编码恐怖被使用,那就太可怕了。

$(".balloon").each(function () {
        var $this = $(this),
            width = $this.width(),
            height = $this.height(),
            rand = Math.random(),
            bgPosX,
            bgPosY = rand * (height),
            bgImg,
            animStep = 1 + (rand * 3),
            moveBalloon,
            animLoop;

        if ($this.is(".b1")) {
            bgPosX = Math.floor((width / 2)) - 620;
            bgImg = 1;
        } else if ($this.is(".b2")) {
            bgPosX = Math.floor((width / 2)) - 540;
            bgImg = 2;
        } else if ($this.is(".b3")) {
            bgPosX = Math.floor((width / 2)) - 590;
            bgImg = 3;
        } else if ($this.is(".b4")) {
            bgPosX = Math.floor((width / 2)) - 590;
            bgImg = 4;
        } else if ($this.is(".b5")) {
            bgPosX = Math.floor((width / 2)) + 470;
            bgImg = 2;
        } else if ($this.is(".b6")) {
            bgPosX = Math.floor((width / 2)) + 450;
            bgImg = 4;
        } else if ($this.is(".b7")) {
            bgPosX = Math.floor((width / 2)) + 510;
            bgImg = 1;
        } else if ($this.is(".b8")) {
            bgPosX = Math.floor((width / 2)) + 560;
            bgImg = 3;
        }

        $this.css({
            "background-position": bgPosX + "px " + bgPosY + "px",
            "background-image": "url(/images/bundles/birthday/balloon" + bgImg + ".png)"
        });

        moveBalloon = function () {
            if (bgPosY < -204) {
                bgPosY = $this.height();
            }
            bgPosY -= animStep;
            $this.css("background-position", bgPosX + "px " + bgPosY + "px");       
        };

        animLoop = function () {
            moveBalloon();
            window.requestAnimFrame(animLoop);
        };

        animLoop();

        $this.addClass("balloon");
    });