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);
什麼不工作究竟是什麼你得到任何錯誤?分享你的標記。 – yogi
你想做什麼?你的動畫和超時語句看起來很奇怪,順便說一句 - 你知道你可以(也應該)將回調傳遞給'.animate()'? – Bergi
你可以在這裏看到工作:http://www.superbau.altervista.org/我想做一些行動,當我走過去,點擊或拖動元素在屏幕的botton ..小步行精靈... –