jQuery mouseover不適用於Sprite動畫

Question

我不能放棄工作。

我想將div移動到某個位置，並通過mouseover，mouseclick和拖放進行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);

Answer 1

如果精靈要顯示不同的區域，則需要更新background-position值