问答详情
源自:1-1 抢车位动画效果制作

视频做的太好了

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

提问者:爱发第几声最美 2015-08-11 10:07

个回答

  • 憨厚的小章鱼
    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微秒。这个效果做不出来    请指导!!!