为什么js调用css脚本后没效果
这个是css的脚本代码：

body,ul,li{margin: 0; padding: 0; border: 0;}
body {background: #f5f0e0;}  
ul#nav {width: 700px; margin: 0 auto; text-align: center;}
ul#nav li {  float:right;               
             list-style: none; 
          } 
ul#nav li a {
   display: block;      
   width: 97px;              
   height: 77px;       
   padding: 72px 0 0 0;                           
   margin: 0 32px 0 32px;   
   font: bold 16px Helvetica;  
   text-transform: uppercase;
   color: #9c5959;  
   background:url(images/label.png) 0 -149px no-repeat; 
             }
ul#nav li a:hover {background: url(images/label.png) 0 0 no-repeat;color: #eee9d9;}
ul#nav li a.js:hover {background: url(images/label.png) 0 -149px no-repeat;}


这个是js的脚本代码：

$(document).ready(function() {
        $("ul#nav li a").hover(
        function (){$(this).animate({backgroundPosition:"(0 0)"}, 300);}, /*设置图片上啦时间*/
        function (){$(this).animate({backgroundPosition:"(0 -149px)"}, 300);}/*设置图片下啦时间*/
);});


这样子应该有效果的啊 怎么点击时候 图片是直接就下来了 而不是慢慢的滚动下来？
------解决方案--------------------

引用:

$("ul#nav li a").hover(

怎么点击时候 图片是直接就下来了 而不是慢慢的滚动下来？

你设置的动画只是针对HOVER的,就是鼠标逗留而不点击时.一旦你点击了,就变成VISITED状态了,自然就会立即应用VISITED状态的设置.