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