从顶部滑动横幅

Question

在我的joomla网站中，我需要一个从页面顶部滑动的横幅。 当横幅滑动时，整个页面应该下降。 我做了类似的事情，但网站没有做到这一点：

HTML：

<div id="module">
    <img src="http://preart.kylos.pl/przykladowy-banner.jpg" alt="headerContact"> 
</div> 
<div id="whole-page">Whole page</div>

JS：

$(document).ready(function(){

function slide(){
    $("#module").delay(1000).animate({
        "top":"10px"
    },1000);
}
    slide();
});

的CSS：

#module { 
top: -200px;
position: fixed;
}

#whole-page { 
width: 100%; 
height: auto;
}

http://jsfiddle.net/Elfiszcze/69x8dofu/1/

我怎么能做到这一点？也许joomla有一个现成的解决方案？