Господа, то ли я туплю, то ли в что-то пошло не так, то ли и то и то =)
Вобщем, есть у меня на страничке выше по тексту простецкая крутилка баннеров (для данного примера она вырвана из контекста):
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() все ок, бэкграунд меняется. А анимэйт работать не хочет ни в какую. Может подскажет кто что я делаю не так?
