background top/down

by Cheffchen

HTML

<div id="header"></div>

CSS

#header {
    background-image: url("http://www.google.com/logos/2013/st_davids_day_2013-1060005-hp.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 230px;
    width: 1000px;
}

JavaScript

$(document).ready(function(){
$('#header').animate({'background-position': '0px +50px'}, 2000).animate({'background-position': '0px -50px'}, 2000);
});