Menus class="hover"

[fabricio2009 0]

Estou tentando a mais de dois dias fazer um menu com os efeitos igual ao desse site http://digitalnature.ro, nos menus do topo "digitalnature" "play" "contact", quando passamos o mouse sobre ele muda de cor, mais não muda de uma vez só parece que vai acendendo e quando tiramos o mouse ele desaparece, alguém saberia me dizer como eu faço isso?

[Henrique Barcelos 290]

Isso é feito com jQuery + o plugin color

 

http://jquery.com/

http://plugins.jquery.com/project/color

 

Faça assim:

var menu = $("#menu li")
menu.mouseover(funciton(){
	$(this).animate({
 	bacgroundColor: "#000"
	});
});

menu.mouseout(funciton(){
	menu.stop();
	$(this).css({
 	bacgroundColor: "#333"
	});
});