为什么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);}/*设置图片下啦时间*/
);});


这样子应该有效果的啊 怎么点击时候 图片是直接就下来了 而不是慢慢的滚动下来?
阅读更多
想对作者说点什么? 我来说一句

调用外部cssjs

 

pengdean pengdean

2007-09-28 12:22:00

阅读数:511

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭