動畫效果:? ? ? ? ? ? ? ?
1.動畫效果? ? ? ?
2.結(jié)束的狀態(tài)? ? ? ?
3.變化的過程加入敵車:
思路:
1.添加1個盒子2.給盒子定位3.盒子動起來(/讓JS程序來創(chuàng)建敵人/var定義一個空間/pkcar 是空間名字/$() 是工具提供的功能/"
<>/div>" 代表創(chuàng)建1個div盒子惊楼,var pkcar = $("
")Math.random()產(chǎn)生0~1之間的小數(shù)? 5*Math.random() 產(chǎn)生隨即數(shù)0~5? parseInt 用于舍棄小數(shù)部分? parseInt(5* Math.random())? pkcar.css({? ? ? ? "left": 60%? ? });( $(""))
工具名:JQuery? ? ? .addClass(代表添加樣式)? ? 采用css中動畫凭疮,存在1個問題:? ? ? ? 不好重復(fù)執(zhí)行,欣慰不知道什么時候終止動畫,雖然我設(shè)置了時間 , ?? 但計算機時間不一定準(zhǔn)4lpo[0[16超出部分隱藏:? ? ? ? ? ? overflow: hiddenfunction 是系統(tǒng)的關(guān)鍵字,代表定義1個功能
a 是功能名字
()格式
{}用于包裝我們的代碼的型将,說明
function a(){
console.log(“啊拉”);
}
使用功能
()格式來記
a();
目標(biāo)位置:
左邊距離
外邊距的距離
底部的距離
衣吠。茶敏。壤靶。
左邊: 100像素
{“l(fā)eft”:“100px”}
元素.animate(目標(biāo)位置缚俏,動畫時間,動畫類型贮乳,完成的功能)