.hover () onmouseout ब्रेक () {} - jquery, css, for-loop, onmouseout

$("#drugiGumb").hover(
function () {
for (var i = 0; i < 60; i++) {
$("#drugiGumbSlika").delay(15).animate({ marginLeft: "-=149px" }, 1);
}
$("#drugiGumbSlika").animate({ marginLeft: "-8791px" }, 1);
}, function () {
$("#drugiGumbSlika").stop().animate({ marginLeft: "0px" }, 1);
}
);

नमस्ते, मैं छवि 8791px चौड़ाई है और इसकी हैएक छवि में एनीमेशन। एक फ्रेम 149x85px है। यह चेतन करने के लिए मैं ऊपर कोड बनाता हूं। मेरी समस्या यह है कि मैं माउसआउट पर लूप के लिए कैंट ब्रेक और एनीमेशन डॉसेंट स्टॉप। किसी भी विचार मैं यह कैसे पूरा कर सकते हैं?

अग्रिम में Thx।

उत्तर:

jQuery .stop() डॉक्स - http://api.jquery.com/stop/

$("#drugiGumb").hover(
function () {
for (var i = 0; i < 60; i++) {
$("#drugiGumbSlika").delay(15).animate({ marginLeft: "-=149px" }, 1);
}
$("#drugiGumbSlika").animate({ marginLeft: "-8791px" }, 1);
}, function () {
$("#drugiGumbSlika").stop(true, true).animate({ marginLeft: "0px" }, 1);
}
);

प्रयत्न .stop(true,true)

$("#drugiGumb").hover(function () {
for (var i = 0; i < 60; i++) {
$("#drugiGumbSlika").delay(15).animate({
marginLeft: "-=149px"
}, 1);
}
$("#drugiGumbSlika").animate({
marginLeft: "-8791px"
}, 1);
}, function () {
$("#drugiGumbSlika").stop(true,true).animate({
marginLeft: "0px"
}, 1);
});

आपको घटनाओं को संभालने की आवश्यकता है मूषक और मूसलीव। होवर नहीं।