Показать сообщение отдельно
  #1 (permalink)  
Старый 30.07.2011, 19:38
Новичок на форуме
Отправить личное сообщение для vadim525 Посмотреть профиль Найти все сообщения от vadim525
 
Регистрация: 24.03.2011
Сообщений: 6

jquery, последовательность выполнения операция
Всем доброго времени суток.

Кто знает поясните. Непонятка происходит с последовательностью в таком скрипте:
<script>
$(function() {
 $("#button").mouseover( function() {

   var BlockText = $("#BlockText p");
   BlockText.stop().animate({ 'left' : '-=150px'}, 500).text("новый текст");
   BlockText.animate({ 'left' : '+=150px'}, 500)

});
});
</script>


планировал сделать следующее:
при наведении на "#button" строка находящаяся в диве BlockText <p>старый текст</p> сдвигается влево, затем меняется текст и затем уже возвращается новая строка.
Т.к у дива BlockText стоит overflow: hidden; то я думал что строка сменится после того как она спрячется.
Вообщем проблема в том что как только надпись начинает сдвигаться
практически сразу меняется текст, и уже изменившийся уезжает и приезжает.
P.S. delay() не помогает
Ответить с цитированием