После анимации очистить очередь
Привет.
Я новичек, подскажите, пожалуйста... Написал на 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, время: 18:33. |