все новые браузеры поддерживают css3 transition, для старых IE приходится делать костыли. вот мой код на jquery
$('div').hover(function(){
$(this).find('img').animate({
left: "-100%"
}, 1500 );
}, function(){
$(this).find('img').animate({
left: "0%"
}, 1500 );
});
наводим на блок, а картинка внутри него смещается на -100% влево, убираем курсор с блока - картинка назад.
проблема в том что если событие .hover длится гораздо меньше чем 1500 то убрав мышку анимация продолжается, а потом назад ещё столько же. в браузерах с поддержкой css3 при :hover и завершение его анимация прекращается сразу же и откатывается назад по завершению :hover как на jquery сделать так же, чтобы не ждать завершения анимации?