Efeito Fada-In ( Letras )

[Alvaro Jr 2]

Por eu quero da um hover

em uma letra

Exemplo

<li><a href=""> MENU 1 </a></li>

 

ai No Css ja apliquei o Hover nao A

Exemplo

#menu a{
color:#FFF;}
#menu a:hover{
color:#900;}

 

Pronto Apliquei o Hover So que eu queria Passa em Efeito Fade

Como ficaria codigo Jquery Passado da cor fff para cor 900 no fade-in

[André do Vale 76]

Acrescendo o jQuery UI no projeto:

 

$('#elemento').hover(function(){
 $(this).stop(true,false).animate({'color':'red'},1000)
},function(){
 $(this).stop(true,false).animate({'color':'blue'},1000)
});

[Alvaro Jr 2]

Editei o elemento la so que eu nao conseguir

o resultado final

exemplo

$('#menu,li / tbm tentei somento a div #menu').hover(function(){
 $(this).stop(true,false).animate({'color':'red'},1000)
},function(){
 $(this).stop(true,false).animate({'color':'blue'},1000)
});

 

so que eu nao entendi o seguinte as duas variavel são stop ?

[André do Vale 76]

Acresceu o jQuery UI ao projeto conforme informei no post anterior?

[Alvaro Jr 2]

Jquery UI eu ja uso

[André do Vale 76]

Jquery UI eu ja uso

 

Bom, com jQuery + jQuery UI, o recurso de "animate" para cor já deveria funcionar. Reveja se as bibliotecas estão sendo carregadas normalmente. :thumbsup:

[Alvaro Jr 2]

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript" src="jquery.dropotron-1.0.js"></script>
<script type="text/javascript" src="jquery.slidertron-1.1.js"></script>
<script type="text/javascript" src="scripts/shadobox_function.js"/></script> 
<script type="text/javascript" src="scripts/shadowbox/shadowbox.js"/></script>

 

 

A nao ser se a versao da minha jquery UI nao ta compativel com algo

[André do Vale 76]

Vejo que seu JS do jQuery UI é custom. Você o baixou por completo? Se não, quais partes?

 

Pelo navegador, veja também na ferramenta de inspeção, na aba Console, se tudo carregou normalmente também.