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