jquery - 影のある画像の背景位置を、体が触れたかのようにイージング効果で変更する

Question

私は次のシナリオを手に入れました。背景に影のある紙があります。ホバーすると、影のない背景画像が変更されます。しかし、実際にはその効果を得ていません

画像は

私のjqueryコードは

$('.noticeBoard').mouseover(function() {
                $(this).css({'background-position':'0 -590px'});
            }).mouseout(function() {

                $(this).css({'background-position':'0 0'});
            }); 

どんな助けでも大歓迎です 事前に感謝します

Answer 1

jQuery コードは次のようになります。

$('.noticeBoard').mouseover(function() {
            $(this).css({'backgroundPosition':'0 -590px'});
        }).mouseout(function() {

            $(this).css({'backgroundPosition':'0 0'});
        }); 

「 background-position 」ではなく、「 backgroundPosition 」として記述してください。