Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fernando Neto MH

Onde estou errando?

Por , em Javascript

Recommended Posts

Fernando Neto MH    13

Fernando Neto MH
Postado

Olá galera tenho um código jquery mas não funfa olha só

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	//	#animation-1 	
	$("#menu-1 li a").hover(
	function(){
		$(this).animate({ color:'#000' }, 500 );

	},function(){
		$(this).animate({ color:'#6F0' }, 500 );
	});
});
</script>

<style>
#menu-1 li{
	width: 200px;
}
#menu-1 li a{
	display:block;
	color:#6F0;
}
 </style>
<body>
<ul id="menu-1">
			<li><a href="#">LIND</a></li>
               <li><a href="#">LIND</a></li>
               <li><a href="#">LIND</a></li>
               <li><a href="#">LIND</a></li>
</ul>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara.. creio que color não seja uma das propriedades suportadas pelo animate do jQuery.

 

http://api.jquery.com/animate/

 

 

para esse efeito que você quer, sugiro usar css3. Um transition dá conta, ai você usa o pseudo :hover mesmo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando Neto MH    13

Fernando Neto MH
Postado

Aê William Bruno beleza?

Olha é o seguinte já que não tem como propriedade será que posso colocar tipo

ex:

#menu-1 li a{

}/* Para o link normal*/

 

e #menu-1 li a span{

/*Aqui as configurações para o hover*/

Ai tipo ele puxa quando dar um hover no jquery o span entendi?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

?

 

basta fazer:

#menu-1 li a:hover {

 

 

 

o hover é um evento do html.

Se você quer alterar o span no hover do a, basta fazer:

#menu-1 li a:hover span {

 

 

Não se limite a jQuery. CSS pode fazer muita coisa sozinho.

o :hover é um pseudo seletor.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito