Jquery mouseover 不适用于精灵动画答案

【问题标题】：Jquery mouseover doesn't work with sprite animationJquery mouseover 不适用于精灵动画
【发布时间】：2012-11-10 11:54:48
【问题描述】：

鼠标悬停我不能工作。

我想在某个位置移动一个 div，并通过鼠标悬停、鼠标单击和拖放进行一些 div 交互。但是，我被阻止了，因为第一步，鼠标悬停，不喜欢工作。那是代码：

    (function($) {
        $(document).ready(function() {

        $("#dxani").mouseover(function() { $("#dxani").css("background-image", "url(img/sprite/fr1.png)") });
        $('#dxani').sprite({fps: 3, no_of_frames: 4})
        $("#dxani").animate({marginLeft: "+=200px", }, 20000 );
        setTimeout(function() {$("#dxani").css("background-image", "url(img/sprite/sprite1sx.png)")} , 20000 );
        $("#dxani").animate({marginLeft: "-=200px", }, 20000 );
        setTimeout(function() {$("#dxani").css("background-image", "url(img/sprite/sprite1dx.png)")} , 40000 );
        $("#dxani").animate({marginLeft: "+=400px", }, 40000 );
        setTimeout(function() {$("#dxani").css("background-image", "url(img/sprite/sprite1sx.png)")} , 80000 );
        $("#dxani").animate({marginLeft: "-=400px", }, 40000 );
        setTimeout(function() {$("#dxani").css("background-image", "url(img/sprite/sprite1dx.png)")} , 120000 );
        $("#dxani").animate({marginLeft: "+=800px", }, 80000 ); 
        setTimeout(function() {$("#dxani").css("background-image", "url(img/sprite/sprite1dx.png)")} , 200000 );
        $("#dxani").animate({marginLeft: "-=800px", }, 200000 );    



        });
    })(jQuery);

【问题讨论】：

什么不完全是你得到任何错误？也分享您的标记。
你想做什么？你的动画和超时语句看起来很奇怪，顺便说一句 - 你知道你可以（并且应该）将回调传递给.animate()？
你可以在这里看到工作：superbau.altervista.org 我想在我过去时做一些动作，单击或拖动屏幕底部的元素.. 小行走精灵...

标签： javascript jquery animation mouseover

【解决方案1】：

如果精灵要显示不同的区域，您需要更新background-position 值

【讨论】：

我不明白，你能解释一下吗？