jQuery animate opacity, fade, & slide up page load effect
Interesting concept, and I do see some improvements that could be made.

First off though, it's true that the semicolons aren't necessary in JavaScript. It's a matter of preference really. If you think the people who will read your code would prefer semicolons, then use them where necessary. I suggets you try JSLint in the future!


I think that your animation is somewhat strange, but I'm not here to argue that! (The change in height of .overlay is what I'm talking about) I think that combination of animations is fine, and could be left as is.
Perhaps the one thing you could do: add some space to improve readability. Packing that last closure onto one line is just restrict breathing room, and it would be easier to quickly read it if it was spread out.
Your second animation could simply be:

$('#frame').delay(300).fadeIn(300)


You weren't the first one who thought about fading ;)


So my ideal function would be as follows:

$(window).load(function () {
    $('.overlay').animate({
        opacity: 1,
        height: 0
    }, 1000, function () {
        $(this).remove()
    });

    $("#frame").delay(300).fadeIn(300)
});