課程
/前端開發(fā)
/HTML/CSS
/帝堵?lián)屲囄粍赢嬛谱?/a>
怎么解決再次單擊回到原來的位置?
2016-12-04
源自:帝堵?lián)屲囄粍赢嬛谱?nbsp; 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 });
? ? ? ? }
? ? });
});
舉報
帶領(lǐng)大家做一個搶車動畫效果,學(xué)會滑動動畫效果,成為搶車位達(dá)人
1 回答hover事件有缺陷怎么解決
2 回答關(guān)于車與車位 位置的問題
1 回答為什么鼠標(biāo)移動一下,而小車來回移動兩次呢
5 回答停車位動畫 mark下來
1 回答不知道效果怎么不出來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-12-19
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 });
? ? ? ? }
? ? });
});