按键反馈
document.onkeydown = function(X) { }
document:整个页面,由js内置
onkeydown:键盘按下
function:执行
设置初始值
var a = 1 1为初始样式值,a为任意命名
判断
if(判断条件){执行操作}
选取X,将其样式中的left质变更为引号中的值
$(".X").css(
{left: a + "%"});
引入文件
<script src="文件名"></script>
通过id定位元素
getElementById
如:var A = document.getElementById("C1")
在整个页面document中定位id名为C1的元素,并命名为A
在名为enemy的空间创建盒子
var enemy = $("<div></div>")
为E赋值0~n的随机数,并取整
var E = parseInt(n* Math.random());
将空间enemy添加至road
$(".road").append(enemy);
定时器(每隔1.5秒执行create动作)
setInterval(create,1500)
循环移动
move();
function move(){
$(".paodao").animate( {"margin-top":"0"}, 5000,"linear",//道路按5s秒的速度匀速移动
function(){
$(".paodao").css( {"margin-top":"-100%"});//道路的循环,-100%为设定200%浏览器长后,将上半部分置上
move();})
}
为画布设置画笔
getContext
var
B= A.getContext("2d")
获取2d平面画笔,命名为B
设置笔色
B.strokestyle = "black" 设为黑色
笔粗
B.lineWidth=
开始/结束画笔轨迹
B.beginPath()
B.closePath()
实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径
B.stroke()使用strokeStyle定义样式
填充画笔的轨迹
B.fill()定义样式:
B.fillStyle=
清空矩形区域
B.clearRect(0,0,500,500)矩形区域靠左上X,左上Y,右下X,右下Y的坐标来选定,当各坐标值与画布相同时,则该命令清空画布
点击事件
clike
滚轮事件
mousewheel