функция stop()
скажите пожалуйста в чем моя ошибка при применении функции stop(). если не трудно, то помогите исправить код
на страничке я попытался при помощи stop() остановить любые эффекты при перемещении курсора мыши из области блока li. это сделал для того чтобы после того как пользователь в течении секунды несколько раз переместит курсор, не было миганий изображения(причина которых в том, что анимация совершается не мгновенно) практически у меня не получилось сделать так как задумал |
Чтобы не было миганий при многократном перемещении курсора, можно сделать проще:
$(document).ready(function(){ $('.banner_left ul li').hover( function () { $(this).find('.img_area').css('z-index', '300'); $(this).find('.text_area').css('z-index', '300'); $(this).find('.active').css({'z-index':'250',opacity:0}).show().animate({opacity:1},{duration:600,queue:false}); }, function () { $(this).find('.img_area').css('z-index', '200'); $(this).find('.text_area').css('z-index', '200'); $(this).find('.active').animate({opacity:0},{duration:200,queue:false,complete:function(){$(this).css({'z-index': '200'}).hide()}}); } ); }); |
Часовой пояс GMT +3, время: 08:07. |