Animação background position

by cintia_rodrigues

HTML

<div class="j"></div>

CSS

.j
{
    width: 100px;
    height: 100px;
    background-image: url(http://www.joseluisgouveia.com/j.png);
}

JavaScript

$(document).ready(function(){
    $('.j').mouseenter(function() {
        $(this).stop().animate({backgroundPositionY: '-100px'});
    });
    
    $('.j').mouseleave(function() {
        $(this).stop().animate({backgroundPositionY: '0px'});
    });
})