javascript - 解析 'background-position' 值时出错

Question

我想为我的菜单制作动画。但是没有任何反应，我只在控制台中收到以下错误:“解析‘background-position’的值时出错”。

你能帮帮我吗？

CSS:

nav li a {
            display:block;
            height:96px;
            width:124px;
            color:#818080;
            text-align:center;
            text-decoration:none;
            padding-top:60px;
            background:url(../img/n1-hover.gif) 0 -146px no-repeat;
        }

JavaScript

  $(document).ready(function() {                    
        $('.menu a').hover(
        function(){$(this).stop().animate({backgroundPosition:'0px 0px'}, 800, 'easeOutBounce')}, 
        function(){$(this).stop().animate({backgroundPosition:'0px -146px'}, 600, 'easeOutBounce')});  
    }); 

我忘了说，我正在使用插件 JQuery Easing .

Answer 1

从背景位置移除 px 部分应该可以正常工作。试试这个

$(document).ready(function() {                    
                $('.menu a').hover(
                function(){$(this).stop().animate({backgroundPosition:'0 0'}, 800, 'easeOutBounce')}, 
                function(){$(this).stop().animate({backgroundPosition:'0 -146'}, 600, 'easeOutBounce')});  
            });