課程
/前端開發
/HTML/CSS
/帝堵搶車位動畫制作
怎么解決再次單擊回到原來的位置？
2016-12-04
源自：帝堵搶車位動畫制作 1-3
正在回答
$(document).ready(function(){ ????$('.car').hover(function(){ ????????$('.car').stop(true) ????????.animate({top:'0px'},{duration:1000}) ????},function(){ ????????$('.car').stop(true) ????????.animate({top:'500px'},{duration:1000}) ????})????? });
$(function() {
? ? $('.car').click(function() {
? ? ? ? if ($('.car').offset().top == 0) {
? ? ? ? ? ? $('.car').animate({ top: '500px' }, { duration: 600 });
? ? ? ? } else{
? ? ? ? ? ? $('.car').animate({ top: '0px' }, { duration: 600 });
? ? ? ? }
? ? });
});
舉報
帶領大家做一個搶車動畫效果，學會滑動動畫效果，成為搶車位達人
1 回答hover事件有缺陷怎么解決
1 回答為什么鼠標移動一下，而小車來回移動兩次呢
2 回答關于車與車位 位置的問題
5 回答停車位動畫 mark下來
1 回答不知道效果怎么不出來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-12-19
$(document).ready(function(){ ????$('.car').hover(function(){ ????????$('.car').stop(true) ????????.animate({top:'0px'},{duration:1000}) ????},function(){ ????????$('.car').stop(true) ????????.animate({top:'500px'},{duration:1000}) ????})????? });2017-01-23
$(function() {
? ? $('.car').click(function() {
? ? ? ? if ($('.car').offset().top == 0) {
? ? ? ? ? ? $('.car').animate({ top: '500px' }, { duration: 600 });
? ? ? ? } else{
? ? ? ? ? ? $('.car').animate({ top: '0px' }, { duration: 600 });
? ? ? ? }
? ? });
});