按鍵反饋
document.onkeydown = function(X) { ? ? ?}
document:整個(gè)頁面,由js內(nèi)置
onkeydown:鍵盤按下
function:執(zhí)行
設(shè)置初始值
var a = 1 ? 1為初始樣式值翘盖,a為任意命名
判斷
if(判斷條件){執(zhí)行操作}
選取X桂塞,將其樣式中的left質(zhì)變更為引號(hào)中的值
$(".X").css(
{left: a + "%"});
引入文件
<script src="文件名"></script>
通過id定位元素
getElementById
如:var A = document.getElementById("C1")
? ? ? ? ? ?在整個(gè)頁面document中定位id名為C1的元素,并命名為A
在名為enemy的空間創(chuàng)建盒子
var enemy = $("<div></div>")
為E賦值0~n的隨機(jī)數(shù)馍驯,并取整
var E = parseInt(n* Math.random());
將空間enemy添加至road
$(".road").append(enemy);
定時(shí)器(每隔1.5秒執(zhí)行create動(dòng)作)
setInterval(create,1500)
循環(huán)移動(dòng)
move();
function move(){
$(".paodao").animate( {"margin-top":"0"}, 5000,"linear",//道路按5s秒的速度勻速移動(dòng)
function(){
$(".paodao").css( {"margin-top":"-100%"});//道路的循環(huán)阁危,-100%為設(shè)定200%瀏覽器長(zhǎng)后玛痊,將上半部分置上
move();})
}
為畫布設(shè)置畫筆
getContext
var
B= A.getContext("2d")
獲取2d平面畫筆,命名為B
設(shè)置筆色
B.strokestyle = "black" 設(shè)為黑色
筆粗
B.lineWidth=
開始/結(jié)束畫筆軌跡
B.beginPath()
B.closePath()
實(shí)際地繪制出通過 moveTo() 和 lineTo() 方法定義的路徑
B.stroke()使用strokeStyle定義樣式
填充畫筆的軌跡
B.fill()定義樣式:
B.fillStyle=
清空矩形區(qū)域
B.clearRect(0,0,500,500)矩形區(qū)域靠左上X狂打,左上Y擂煞,右下X,右下Y的坐標(biāo)來選定趴乡,當(dāng)各坐標(biāo)值與畫布相同時(shí)对省,則該命令清空畫布
點(diǎn)擊事件
clike
滾輪事件
mousewheel