Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   После анимации очистить очередь (https://javascript.ru/forum/jquery/6737-posle-animacii-ochistit-ochered.html)

virtus 18.12.2009 18:36

После анимации очистить очередь
 
Привет.
Я новичек, подскажите, пожалуйста...
Написал на jquery простую анимацию картинки при наведении...
$(".runlo").hover(
	function(){
	$("#logotyp")
		.animate({left: "+=30"}, 2000, "linear")
		return false;
	}, function() {
	$("#logotyp")
		return false;
	});

При навидении она смещается. Проблема в том, что если я при смещении еще раз подвел курсор - все начинается сначала.. Т.е. если я оставляю курсор на картинке - действие происходит циклически :cray:
Подскажите, пожалуйста.. как сбросить эту очередь в "ноль"
БОЛЬШОЕ СПАСИБО

Urfin 19.12.2009 05:54

Определяйте left числом, а не приращением, тогда цикла не будет.
А очередь в jquery, если это нужно, очищается функцией stop(clearQueue, gotoEnd).

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".runlo").mouseover(
    function(){
    $("#logotyp")
        .animate({left: "130px"}, 2000, "linear");
    });
});
</script>

<div style="width:100px; height:30px; background:#ff0; position:relative; left:100px;" id="logotyp"></div>
<button class="runlo">двигать</button>

virtus 19.12.2009 10:35

спасибо! большое спасибо!


Часовой пояс GMT +3, время: 05:29.