javascript - .animate() not working? -

Can not animate my background image '

  $ (function () {$ ('# Nav1'). Bind ('click', function) {$ ('ul.nav'). Stop (). ({Background page: 'right head'}, 1000);}) ; $ ({Backgroundposition: 'right 38px'}, 1000) ($ ('(right)'; ()) $ $ (function () {$ ('# nav3'). Bind ('click', function } {$ ('Ul.nav'). Stop (). Chetan ({background page: 'right 76px (), $ 1000 () () ($) () ($) ($ (function) ($ (' # Nav4 '). Bind (' click ', function (event) {$ (' ul.nav '). Background: Administration:' right 114px '}, 1000);});   
 and html code  
  
 
 
  what  would  
  
 
 
  id = "nav3" & gt; Portfolio  & lt; a href = "# contact" id = "nav4" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;   
 I have not tried using pixels like this background, but it is still not animating, it just changed the situation  
 And another issue is . I repeat the jquery code for each item in the menu, you can create it in a function, the position varies 38px vertically for each item. Thank you,   
 
 
 This is not you.  
 jQuery basically does not support background position animation However, there is a wonderful plugin:  
 And here is the function you asked:  
  $ (function () {$ ('ul.nav a'). (Function (i, amm) {$ (elem) .bind ('click', function) {event.preventDefault (); var offset = i * 38; $ (this) .stop (). Animate ({backgroundposition : '0' + offset + 'px'}, 1000);});});});