Подскажите, из-за чего может не работать вот такой простой скрипт?
$('#next').mouseover(function(){
$(this).animate({backgroundColor: "#8c3b3b"}, "fast");
});
#next {
width: 60px;
padding: 3px;
color: #410000;
background-color: #ffffff;
font-size: 9pt;
text-align: center;
border-right: #a10000 1px solid;
border-left: #a10000 1px solid;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
<div id="next">Далее »</div>
Спустя 14 минут, 34 секунды (9.04.2011 - 12:06) alex12060 написал(а):
$('#next').mouseover(function(){
$(this).css({"backgroundColor": "#8c3b3b"});
});
Спустя 3 минуты, 17 секунд (9.04.2011 - 12:10) AlmazDelDiablo написал(а):
.css резко меняет фон, а мне надо плавно.
Спустя 3 минуты, 58 секунд (9.04.2011 - 12:14) alex12060 написал(а):
Выдернул из мануала:
All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality. (For example, width, height, or left can be animated but background-color cannot be.) Property values are treated as a number of pixels unless otherwise specified. The units em and % can be specified where applicable.
All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality. (For example, width, height, or left can be animated but background-color cannot be.) Property values are treated as a number of pixels unless otherwise specified. The units em and % can be specified where applicable.
Спустя 2 минуты, 3 секунды (9.04.2011 - 12:16) AlmazDelDiablo написал(а):
Блин. Придется что-то свое изобретать 
Спустя 34 секунды (9.04.2011 - 12:16) alex12060 написал(а):
Да тут же не сложно)
Спустя 4 минуты, 52 секунды (9.04.2011 - 12:21) AlmazDelDiablo написал(а):
Ну по идее надо сделать подложку с бекграундом нужного цвета, но opacity:0; Вот только как это реализовать в HTML я не представляю, так как если сделать так:
То .next изначально тоже рпозрачный.
.next {
width: 60px;
padding: 3px;
color: #410000;
font-size: 9pt;
text-align: center;
border-right: #a10000 1px solid;
border-left: #a10000 1px solid;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
opacity: 1;
}
#next_bg {
width: 60px;
opacity: 0;
background: #ffdcdc;
border-right: #a10000 0px solid;
border-left: #a10000 0px solid;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
<div id="next_bg"><div class="next" onClick="go_to('1');">Далее »</div></div>
То .next изначально тоже рпозрачный.
Спустя 9 минут, 55 секунд (9.04.2011 - 12:31) alex12060 написал(а):
Потому-что он наследуется от next_bg, а opacity наследуется на все иерархии элементов (детей).
Тебе прсото надо при наведении сделать другой фон ?
Тебе прсото надо при наведении сделать другой фон ?
Спустя 13 минут, 38 секунд (9.04.2011 - 12:45) AlmazDelDiablo написал(а):
Решил проблему, скачав плагин jquery color animation ) Теперь можно анимировать и фон.
http://plugins.jquery.com/files/jquery.color.js.txt
http://plugins.jquery.com/files/jquery.color.js.txt
_____________
Блог | VK | GitHub | Twitch