[Resolvido] Por que não altera de cor?

[Guilherme Oderdenge 42]

Olá!

 

Gostaria de saber por que o script a seguir não altera sua cor, ou seja, qual o defeito dele?

Fiz ele a partir da documentação do jQuery e gostaria de saber onde eu errei e o que eu posso fazer com que haja o efeito de troca de cor com fade para este script.

 

Poderiam me ajudar?

Grato desde já.

 

<script type="text/javascript">
$(function() {
	$("#menu ul li a").css("color","#FFF");
	$("#menu ul li a").hover(function () {
		$(this).stop().animate({
			"color","#000" 
		}, "fast");
	},
	function () {
		$(this).stop().animate({
			"color","#fff" 
		}, "fast");
	});
});
</script>

 

OBS: Não possui erro, o script simplesmente não funciona.

 

Abraço!

[VultoBR 0]

Boa noite

 

tente o seguinte codigo

 

<script type="text/javascript">
       $(function() {
               $("#menu ul li a").css("color","#FFF");
               $("#menu ul li a").hover(function () {
                       $("a", this).stop().animate({ color:"#000" }, {queue:false,duration:150});
               },
               function () {
                       $("a", this).stop().animate({ color:"#fff" }, {queue:false,duration:150});
               });
       });
</script>

[Guilherme Oderdenge 42]

Boa noite, Vulto.

Bom, meu camarada, não deu certo: o problema foi o mesmo, nenhum efeito.

 

Estou certo que os caminhos estão todos certos e que o script está certamente instalado.

 

Desde já, grato.

Abraço!

[VultoBR 0]

Amigo, desculpe minha falha, nao reparei na ID do seletor

 

        $(function() {
               $("ul#menu li a").css("color","#FFF");
               $("ul#menu li a").hover(function () {
                       $(this).stop().animate({ color:"#000" }, {queue:false,duration:300});
               },
               function () {
                       $(this).stop().animate({ color:"#fff" }, {queue:false,duration:300});
               });
       });

 

o codigio anterior esta fazendo primeiro id #menu ul tens que relacionar isso a id da UL, o codigo assima testei e funcionou abraços.

[Guilherme Oderdenge 42]

Olá, meu jovem!

 

Aqui está o CSS para você analisar:

#menu{
background: #868369;
height: 72px;
width: 100%;
}

ul#menu li a{
position: relative;
font-family: Microsoft Tai Le;
color: #FFF;
font-size: 20px;
text-decoration: none;
float: left;
margin: 26px;
left: 50%;
margin-left: -190px;
margin-right: 250px;
text-shadow: #5c5c58 0px 1px 0px;
}

 

Cá, meu HTML:

<ul id="menu">
<li><a href="index.php?">Principal</a></li>
<li><a href="index.php?exibir=portfolio">Portfólio</a></li>
<li><a href="index.php?exibir=quemsomos">Quem somos?</a></li>
<li><a href="index.php?exibir=servicos">Serviços</a></li>
<li><a href="index.php?exibir=contato">Contato</a></li>
</ul>

 

E, utilizei esse JS que você me "emprestou" aí e não, não funcionou...

ficou na mesma. Sabe o que pode ser?

 

Abraço!

[VultoBR 0]

Boa noite.

 

http://www.denicristian.com.br/site/content/teste/

 

coloquei o codigo em area de teste em meu site, esta funcionando, o que pode estar acontecendo é que você n tenha adicionado a biblioteca UI do JQuery.

 

pode baixar diretamente no site oficial deles em: http://jqueryui.com/download

 

Abraços.

[Guilherme Oderdenge 42]

Olá, Vulto!

 

É, realmente, eu não tinha a UI do JQuery.

 

Desculpa te incomodar com isso, rapaz.

Muito obrigado pelo apoio e pela atenção.

 

Abraço!

[VultoBR 0]

Olá, Vulto!

 

É, realmente, eu não tinha a UI do JQuery.

 

Desculpa te incomodar com isso, rapaz.

Muito obrigado pelo apoio e pela atenção.

 

Abraço!

 

Que isso =) um prazer em te ajudar.

 

Abraços.