После анимации очистить очередь
Привет.
Я новичек, подскажите, пожалуйста... Написал на jquery простую анимацию картинки при наведении...
$(".runlo").hover(
function(){
$("#logotyp")
.animate({left: "+=30"}, 2000, "linear")
return false;
}, function() {
$("#logotyp")
return false;
});
При навидении она смещается. Проблема в том, что если я при смещении еще раз подвел курсор - все начинается сначала.. Т.е. если я оставляю курсор на картинке - действие происходит циклически :cray: Подскажите, пожалуйста.. как сбросить эту очередь в "ноль" БОЛЬШОЕ СПАСИБО |
Определяйте 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>
|
спасибо! большое спасибо!
|
| Часовой пояс GMT +3, время: 22:36. |