.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() все ок, бэкграунд меняется. А анимэйт работать не хочет ни в какую. Может подскажет кто что я делаю не так? |
Кстати, если не лениво, запустите плиз сей код у себя в браузере. Я имею ввиду код, который для меню и скажите сработал или нет?
|
rockerror,
для поддержки color нужна дополнительная библиотека |
не поделитесь линком?
|
http://www.xiper.net/collect/js-plug...ery-color.html пока нагуглил только вот это
|
rockerror,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div{
width: 408px;
height: 30px;
background-color: #00FF00;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function ()
{
$('div').animate({
backgroundColor:'#ff0000' // цвет тут просто для примера
},5000);
})
</script>
</head>
<body>
<div></div>
</body>
</html>
|
Странно, ваш пример тоже чет не работает ни в хроме ни в мозиле(((
|
rockerror,
здесь работает? |
здесь - да
|
сейчас попробую вставить ваш пример прямо в страницу и понять что не так у меня
|
| Часовой пояс GMT +3, время: 12:44. |