try taking the numbers out of the parentheses.... like this:
.animate({ backgroundPosition: "0px 0px",},{duration:400})
On Oct 13, 2:45 pm, vicix <pedro.vi...@gmail.com> wrote:
> hi,
>
> i build a menu with a background position animation plugin by Jonathan
> Snook’s.
> The mouseover and mouseout are correct, but i dont't know to put when
> click to stop animation and dont run a onmouseout action.
>
> the code:
>
> --------------------------------------------------------------------
>
> HTML
>
> <div id="menu">
> <ul>
> <li><a href="#" class="menu">Empresa</a></li>
> <li><a href="#" class="menu">Pvc & Alu</a></li>
> <li><a href="#" class="menu">Produtos</a></li>
> <li><a href="#" class="menu">Eventos</a></li>
> <li><a href="#" class="menu">Contactos</a></li>
> </ul>
> </div>
>
> JAVASCRIPT (jquery)
>
> $('#menu a.menu')
> .css( {backgroundPosition: "0 40px"} )
> .mouseover(function(){
> $(this).stop().animate(
> {backgroundPosition:"(0 0)"},
> {duration:300})
> })
> .mouseout(function(){
> $(this).stop().animate(
> {backgroundPosition:"(0 40px)"},
> {duration:300})
> })
>
> --------------------------------------------------------------------
>
> Can someone help me?
>
> thanks
>
> (Sorry my english)
