Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Animate помогите найти ошибку (https://javascript.ru/forum/events/34222-animate-pomogite-najjti-oshibku.html)

MalikSPB 24.12.2012 23:13

Animate помогите найти ошибку
 
$(document).ready(function(){
	$('.menu_block').mouseover(function(){
		$(this).animate({color:'#fff'},200);
		});
	$('.menu_block').mouseout(function(){
		$(this).animate({color:'#999'},200);
		});
	});

dmitriymar 24.12.2012 23:19

MalikSPB,
поставь фаир баг или вызови инструменты разработчика в браузере(если не фф)-и сам всё увидишь
а вообще анимацию не помешает останавливать при приходе другого события

bushstas 25.12.2012 07:43

$(document).ready(function(){
	$('.menu_block').mouseover(function(){
		$(this).animate({'font-size':'50px'},200);
		});
	$('.menu_block').mouseout(function(){
		$(this).animate({'font-size':'50px'},200);
		});
	});


так работает, а вот цвета jquery разве анимирует???

возможно понадобится отдельный плагин jQuery.Color()

bushstas 25.12.2012 07:49

можно сделать так
<div>
<div style="position:absolute;color:#999;font-size:30px;">
привет
</div>
<div class="menu_block" style="position:absolute;color:#000;font-size:30px;opacity:0;">
привет
</div>
</div>
<script>

$(document).ready(function(){
	$('.menu_block').mouseover(function(){
		$(this).animate({'opacity':1},200);
		});
	$('.menu_block').mouseout(function(){
		$(this).animate({'opacity':0},200);
		});
	});

</script>


работает проверил
и можно оперировать любыми цветами не только оттенками черно-белого

MalikSPB 25.12.2012 08:28

Установил плагин jquery.color. Все отлично работает, рекомендую)


Часовой пояс GMT +3, время: 14:39.