Как реализовать смену фона блока при прокрутке страницы?

Интересно за что юзеру Wolkodav поставили минус? Он всё правильно сказал. @Nicolas Chabanovsky не вы случаем минусите? В общем не буду разглогольствовать вот ссыль на рабочую смену background при onscroll

    #header{
    width:958px;
    border:1px solid #ebebee;
    border-bottom:3px solid #ddd;
    background:red;
}
<script type="text/javascript">
    $(document).ready(function(){
        var HeaderTop = $('#header').offset().top;
        var hh =HeaderTop + 300;
        $(window).scroll(function(){
                if( $(window).scrollTop() > HeaderTop ) {
                        if($(window).scrollTop() > hh) {
                            $('#header').css({position: 'fixed', top: '0px', background:'#000'});   
                            } else{
                                $('#header').css({position: 'fixed', top: '0px'});  
                            }

                } else {
                        $('#header').css({position: 'static',background:'red'});
                }
        });
    });
</script>
</header>
 <div id="header">
      Фигня которая липнет и меняет background
    </div> 

Есть событие onscroll. Обрабатывайте его.