視頻做的太好了

老師這視頻咋做的呀，求指點，很贊，一定要回答一下，不然我會睡不著的，哈哈

愛發第幾聲最美

2015-08-11

源自：帝堵搶車位動畫制作 1-1

關注問題我要回答

1085

操作

收起

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="

????????<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://img1.sycdn.imooc.com//5343d553000107a107200701.jpg" width="350" height="341"/>?? ?
?? ?</body>
</html>

單擊車圖片，車圖片向下移動500px，移動時間設置600微秒。這個效果做不出來? ? 請指導！?。?br />