Efeito em jQuery de subir página

Efeito em jQuery de subir página

HTML

<p>
Bom Dia à Todos.
Gostaria de saber como fazer o efeito que se encontra nesse site: 
http://livedemo00.te...m/joomla_42425/
Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece.
Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse site: http://livedemo00.te...m/joomla_42425/ Quando rolar a página para baixo o botão TOP aparece, ai quando a página está lá em cima desaparece. Grato,
</p>
<p>
Bom Dia à Todos. Gostaria de saber como fazer o efeito que se encontra nesse...

CSS

p {
    font-family:verdana;
    padding:10px;
    margin:10px;
}
p.top {
    background-color:gray;
    color:white;
}

JavaScript

$(function(){
    $('.top').click(function(){
        $('html,h1').animate({scrollTop: 500},'slow');
    });
});