-
1查看全部
-
$(document).ready(function(){ $(".car").animate({top:'0px'},{duration:600}); $(".car").animate({top:'720px'},{duration:300}); });查看全部
-
hover(函數(shù)1,函數(shù)2)事件: 模擬光標(biāo)懸停,當(dāng)光標(biāo)移動到元素上時,會觸發(fā)指定的函數(shù)1,當(dāng)光標(biāo)移出這個元素時,會觸發(fā)指定的函數(shù)2. animate()函數(shù): 可以創(chuàng)建自定義動畫 duration屬性: 設(shè)置動畫持續(xù)的時間 $(document).ready(function(){<br> $('.boxgrid').hover(function(){<br> $(".car").animate({left:'0px'},{duration:300});<br> }, function() {<br> $(".car").animate({left:'720px'},{duration:300});<br> });<br> }); 當(dāng)光標(biāo)移動到class值為boxgrid的對象上時,執(zhí)行函數(shù)1: 函數(shù)1的內(nèi)容是:class為car的元素向左移動到距離左邊原始位置0px的地方,動畫持續(xù)時間為300ms。 當(dāng)光標(biāo)移出class為boxgrid的元素時,執(zhí)行函數(shù)2: 函數(shù)2的內(nèi)容是:class為car的對象向右移動,移動到距離左邊720px的地方,動畫持續(xù)時間為300ms。js查看全部
-
$(document).ready(function(){<br> $('.boxgrid').hover(function(){<br> $(".car").animate({left:'0px'},{duration:300});<br> }, function() {<br> $(".car").animate({left:'720px'},{duration:300});<br> });<br> }); 當(dāng)光標(biāo)移動到class值為boxgrid的對象上時,執(zhí)行函數(shù)1: 函數(shù)1的內(nèi)容是:class為car的元素向左移動到距離左邊原始位置0px的地方,動畫持續(xù)時間為300ms。 當(dāng)光標(biāo)移出class為boxgrid的元素時,執(zhí)行函數(shù)2: 函數(shù)2的內(nèi)容是:class為car的對象向右移動,移動到距離左邊720px的地方,動畫持續(xù)時間為300ms。查看全部
-
hover(函數(shù)1,函數(shù)2)事件: 模擬光標(biāo)懸停,當(dāng)光標(biāo)移動到元素上時,會觸發(fā)指定的函數(shù)1,當(dāng)光標(biāo)移出這個元素時,會觸發(fā)指定的函數(shù)2. animate()函數(shù): 可以創(chuàng)建自定義動畫 duration屬性: 設(shè)置動畫持續(xù)的時間查看全部
-
position:absolute 意思是:可以讓被設(shè)置的元素浮動起來 position:ralative把它添加到父元素樣式中,這樣車就可以相對于父元素的左上角(坐標(biāo)原點(diǎn))進(jìn)行定位了。車定位由top和left決定, top是相對于坐標(biāo)原點(diǎn)向下移動,left是相對于坐標(biāo)原點(diǎn)向下移動。 這里,在car元素中設(shè)置 top: 0; left:720px; 就可以讓車移出停車位了,這里的餓720px是停車位圖片的寬度查看全部
-
hover(函數(shù)1,函數(shù)2)事件 animate函數(shù):(創(chuàng)建自定義動畫) duration(設(shè)置動畫持續(xù)時間)查看全部
-
滑動動畫效果查看全部
-
jquery查看全部
-
jquery查看全部
-
啊啊啊啊啊啊啊查看全部
-
實(shí)現(xiàn)圖片移動代碼查看全部
-
hover函數(shù)模擬光標(biāo)懸停,animate函數(shù)創(chuàng)建自定義動畫,duration屬性,設(shè)置動畫時間查看全部
-
停車位動畫效果查看全部
-
停車動畫查看全部
舉報
0/150
提交
取消