problema com animate backgroundPosition
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á.
Discussão (1)
Carregando comentários...