视频做的太好了

来源:1-1 抢车位动画效果制作

爱发第几声最美

2015-08-11 10:07

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

写回答 关注

1回答

  • 憨厚的小章鱼
    2015-12-23 19:05:58

    <!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>

         <script>

                $(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://img.mukewang.com/5343d553000107a107200701.jpg" width="350" height="341"/>    
        </body>
    </html>


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

帝堵抢车位动画制作

带领大家做一个抢车动画效果,学会滑动动画效果,成为抢车位达人

36953 学习 · 78 问题

查看课程

相似问题