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'});
        }); 

你应该把它写成 ' backgroundPosition ' 而不是 ' background-position '。