Показать сообщение отдельно
  #1 (permalink)  
Старый 18.05.2014, 19:38
Аспирант
Отправить личное сообщение для rockerror Посмотреть профиль Найти все сообщения от rockerror
 
Регистрация: 07.11.2011
Сообщений: 54

.animate() не летит =(
Господа, то ли я туплю, то ли в что-то пошло не так, то ли и то и то =)
Вобщем, есть у меня на страничке выше по тексту простецкая крутилка баннеров (для данного примера она вырвана из контекста):
setInterval(function(){
			$('#'+self.banners[self.curBanner].id).animate({left:-self.containerWidth},1000,'swing',function(){
				$(this).hide();
				$(this).css({left:self.containerWidth});
			});
			self.curBanner++;
			if ( self.curBanner > self.banners.length-1 ) self.curBanner = 0;
			$('#'+self.banners[self.curBanner].id).show();
			$('#'+self.banners[self.curBanner].id).animate({left:0},1000);
		},5000);


здесь .animate() чудесно работает, но чуть ниже по тексту я пытаюсь сделать анимированую менюшку с простейшим кодом:

$('.menuItem').on('mouseover',function(){
		$(this).animate({
			background:'#ff0000' // цвет тут просто для примера 
		},1000);
	});


и... она не работает. Вообще. Совсем... Причем, если я меняю .animate() на .css() все ок, бэкграунд меняется. А анимэйт работать не хочет ни в какую. Может подскажет кто что я делаю не так?
Ответить с цитированием