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

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

1 个答案: