关闭

为什么js调用css脚本后没效果

71人阅读 评论(0) 收藏 举报
这个是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);}/*设置图片下啦时间*/
);});


这样子应该有效果的啊 怎么点击时候 图片是直接就下来了 而不是慢慢的滚动下来?
0
0

猜你在找
【套餐】Hadoop生态系统零基础入门
【套餐】嵌入式Linux C编程基础
【套餐】2017软考系统集成项目——任铄
【套餐】Android 5.x顶级视频课程——李宁
【套餐】深度学习入门视频课程——唐宇迪
【直播】广义线性模型及其应用——李科
【直播】从0到1 区块链的概念到实践
【直播】计算机视觉原理及实战——屈教授
【直播】机器学习之凸优化——马博士
【直播】机器学习&数据挖掘7周实训--韦玮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1385次
    • 积分:137
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档