animated text

animated text on page load

HTML

<p class="logo">LOGO</p>
<p class="title">TITLE</p>
<p class="subtitle">SUBTITLE</p>

CSS

p {
    margin:0 auto;
    text-align:center;
    width:100px;
    position:relative;
}

JavaScript

$(document).ready(function () {
    $('p.logo').animate({
        "left": "100px",
    }, 500,

    function () {
        $('p.title').animate({
            "left": "150px",
        }, 500,

        function () {
            $('p.subtitle').animate({
                "left": "200px",
            }, 500);
        })
    });
});