这个JS块怎么可能是短手的？ （JS复习）

Question

我有一段时间没有使用过JS（2年），我似乎忘记了一些基础知识;

所以我的问题是： 我如何清理或“简写”以下javascript？

它可以帮助我改进我的JS代码（并且可能是我的大脑 - LOL）。

    var tl = TweenLite.to;

    tl("#container", 0, {autoAlpha:0});
    tl("#header", 0, {top:"-70px"});
    tl("#footer", 0, {bottom:"-180px"});

    function showPage() {
        tl("#container", .2, {autoAlpha:1, delay:.5});
        tl("#header", .2, {top:"0px", delay:.8});
        tl("#footer", .2, {bottom:"-150px", delay:.8});
    } window.onload = showPage;

...显然我正在使用TweenLite而我没有使用jQuery，但我正在使用Zepto。 Thnx的帮助。

-Jason

Answer 1

这样的事情：

var tl = TweenLite.to,
    duration = 0.2;

// Set starting states in CSS

function showPage() {
    tl("#container", duration, {autoAlpha: 1, delay: .5});
    tl("#header", duration, {top: "0px", delay: .8});
    tl("#footer", duration, {bottom: "-150px", delay: .8});
} 

window.onload = showPage;

您还可以查看TweenLite.from方法，该方法允许您进行反向并最初设置完成状态并指定补间的位置。