$("#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);
}
);
Ahojte všetci, Mám šírku obrázku 8791px a jeanimácia na jednom obrázku. jeden rámec je 149x85px. Na jeho animáciu vytvorím vyššie uvedený kód. Môj problém je v tom, že nemôžem brzdiť slučku pri výpadku myši a zastavení animácie. Nejaké nápady, ako to môžem dosiahnuť?
Thx vopred.
odpovede:
0 pre odpoveď č. 1jQuery .stop()
dokumenty - 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);
}
);
1 pre odpoveď č. 2
vyskúšať .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);
});
0 pre odpoveď č. 3
Musíte zvládnuť udalosti myšou a myšou. Nie sa vznášať.