视频做的太好了

老师这视频咋做的呀，求指点，很赞，一定要回答一下，不然我会睡不着的，哈哈

爱发第几声最美

2015-08-11

源自：帝堵抢车位动画制作 1-1

关注问题我要回答

1057

操作

收起

1 回答

憨厚的小章鱼
2015-12-23

<!DOCTYPE html>
<html>
    <head>
       <title>停车动画</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="style.css" rel="stylesheet" type="text/css">
       <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<style>

            *{ padding:0px; margin:0px; }
            body{
                    background:#D5DEE7;
                }
            .car{
                position:absolute;
                top:0px;
                bottom:100px;

}

</style>

            $(document).ready(function(){
               $(".carDiv").hover(function(){
                      $(".car").animate({bottom:'0px'},{duration:100});
            },function(){
                   $(".car").animate({bottom:'600px'},{duration:100});
          })
});

    </script>
   </head>
   <body class="carDiv">
        <img class="car" src="http://img1.sycdn.imooc.com//5343d553000107a107200701.jpg" width="350" height="341"/>
   </body>
</html>

单击车图片，车图片向下移动500px，移动时间设置600微秒。这个效果做不出来请指导！！！