30.11.2013 16:46:27 Зациклилось действие Сообщение #1
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте!
Написал скрипт для анимации - наводишь курсор на контейнер - выполняется действие, когда убираешь курсор с контейнера, то действие повторяется в обратном порядке - приходит к своему первоначальному состоянию. Но у меня почему-то действие зациклилось, т.е. второе действие совершается сразу за первым, хотя оно должно выполняться только когда убрать курсор с контейнера. Скажите, пожалуйста, в чем причина?
$(document).ready(function(){
$('.block').mouseover(function(){
$('.pic1_up').animate({width: '0px'},1000);
$('.pic2_up').delay(1000).animate({width: '120px'},1000);
});
$('.block').mouseout(function(){
$('.pic2_up').animate({width: '0px'},1000);
$('.pic1_up').delay(1000).animate({width: '120px'},1000);
});
})
Написал скрипт для анимации - наводишь курсор на контейнер - выполняется действие, когда убираешь курсор с контейнера, то действие повторяется в обратном порядке - приходит к своему первоначальному состоянию. Но у меня почему-то действие зациклилось, т.е. второе действие совершается сразу за первым, хотя оно должно выполняться только когда убрать курсор с контейнера. Скажите, пожалуйста, в чем причина?
$(document).ready(function(){
$('.block').mouseover(function(){
$('.pic1_up').animate({width: '0px'},1000);
$('.pic2_up').delay(1000).animate({width: '120px'},1000);
});
$('.block').mouseout(function(){
$('.pic2_up').animate({width: '0px'},1000);
$('.pic1_up').delay(1000).animate({width: '120px'},1000);
});
})
