2012-11-10 86 views
0

我不能給鼠標懸停工作。Jquery鼠標懸停不適用於精靈動畫

我想在某個位置移動一個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); 
+2

什麼不工作究竟是什麼你得到任何錯誤?分享你的標記。 – yogi

+0

你想做什麼?你的動畫和超時語句看起來很奇怪,順便說一句 - 你知道你可以(也應該)將回調傳遞給'.animate()'? – Bergi

+0

你可以在這裏看到工作:http://www.superbau.altervista.org/我想做一些行動,當我走過去,點擊或拖動元素在屏幕的botton ..小步行精靈... –

回答

0

您需要更新background-position值,如果精靈是顯示不同地區

+0

我不dont明白,你能解釋嗎? –