Ir para conteúdo

POWERED BY:

Arquivado

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

NetBoy16

problema com animate backgroundPosition

Por , em Javascript

Recommended Posts

NetBoy16    72

NetBoy16
Postado

Olá pessoal, to tentando implementar essa parada aqui mas n ta dando certo, to tentando resolver mas até agora n consegui, será q vcs poderiam me ajudar ?

 

codigo(vou postar apenas oque interessa):

<!DOCTYPE html>


       <!-- Scripts JS -->
       <!-- jQuery e jQuery UI -->
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
       <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>   

       <!-- Hover Menu -->
       <script type="text/javascript" src="Geral/js/functions/jquery.bgpos.js"></script>
       <script type="text/javascript" src="Geral/js/functions/hoverMenu.js"></script>
   </head>
   <body class="main">        
               <ul id="menu">
                   <li><a href="#">HOME</a></li>
                   <li><a href="#">EMPRESA</a></li>
                   <li><a href="#">SERVIÇOS</a></li>
                   <li><a href="#">PRODUTOS</a></li>
                   <li><a href="#">CONTATO</a></li>
               </ul>
           </div>
           <div id="banner">
               <ul class='aviaslider' id="slider">
                   <li><a href="#" title="Carrilhos Curitiba" ><img src="Uploads/banners/01.jpg" alt="Carrilhos Curitiba" /></a></li>
                   <li><a href="#" title="Carrilhos Curitiba" ><img src="Uploads/banners/02.jpg" alt="Carrilhos Curitiba" /></a></li>
               </ul>
           </div>
   </body>
</html>



$(function(){
   $('#menu a')
       .css( {backgroundPosition: "0 0"} )
       .mouseover(function(){
               $(this).stop().animate({backgroundPosition:"0 -250px"}, {duration:500})
       })
       .mouseout(function(){
               $(this).stop().animate({backgroundPosition:"0 0"}, {duration:500})
       })
});

 

 

Obrigado desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando Neto MH    13

Fernando Neto MH
Postado

Cara beleza?

Tenta assim no teu script

$(document).ready(function(){ 
$('#menu a').css( {backgroundPosition: "0 0"} )
$('#menu a').hover(function(){			
			$(this).stop().animate({backgroundPosition:"0 -250px"},500);				
		},			
		function(){			
			$(this).stop().animate({backgroundPosition:"0 0"},500);					
});
});

 

Me passa a resposta beleza :thumbsup:/>

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