jQuery PNG Animate - 第一帧不使用

时间:2014-02-09 11:40:53

标签: jquery jquery-animate png setinterval

我需要从第二帧开始制作动画。 动画在setInterval()运行,它重复..所以第一帧我永远不想看到。

(function (a) {
    a.fn.less_loader = function (b) {
        return this.each(function () {
            var b = a(this),
                c = a("<img />").attr("src", "images/loader.png").addClass("loader").css({
                    "background-position": "left bottom"
                });
            b.prepend(c);
            var d = 24;
            c.data("animation", setInterval(function () {
                if (d == 24 * 20) d = 0;
                c.css({
                    "left": " -" + d + "px"
                });
                d = d + 24
            }, 120)); 
        })
    }
})(jQuery)

-----

#wrap .loader {
    width: 480px;
    height: 24px;
    position: absolute;
}

PNG加载程序是480x24px

1帧是24x24px

它有20帧= 480px

我只能在动画上显示2-20帧!

点使用第一帧

由于

0 个答案:

没有答案