js的程序参数传不进来怎么回事呢？

orocsy 2012-09-26 09:33:41

html和js代码，哪里不对呢？我想要实现让小人动，可是只有init()中的初始化可以运行，到move（cxt）开始就不对了，求大神帮忙
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5 代码结构示例</title>
<script type="text/javascript" src="jquery.min.js"></script>

</head>

<body onLoad="init()">


<div style="width:800px;margin:100px auto auto auto;height:480px;background:src(startbg.jpg);">
<canvas id="aa" width="800" height="480" style="border:1px solid #c3c3c3;">
</canvas>
</div>

<script type="text/javascript" src="aa.js"></script>

</body>
</html>

// JavaScript Document
var t=0;//时间初始化
Cordinate=0;//初始坐标
var forward=2;

function move(cxt)
{
cxt.clearRect(0,0,800,480);
cxt.drawImage(bg,0,0,800,480);
cxt.drawImage(people,Cordinate,420,36,60);
setTimeout(move,10);
}

function person()
{
if(forward==0)
Cordinate+=0.1;
else if(forward==1)
Cordinate-=0.1;
}
$(document).keydown(function(event)
{

switch(event.which){
case 37:forward=1;break;
case 39:forward=0;break;
default:break;
}
});
function init()
{
var c=document.getElementById("aa");
var cxt=c.getContext("2d");
var imgarr=new Array("startbg.jpg",
"person_goleft_even.png",
"person_goleft_odd.png",
"person_goright_even.png",
"person_goright_odd.png",
"person_stand_even.png",
"person_down_even.png",
"person_down_odd.png")
var bg=new Image();
bg.src=imgarr[0];
cxt.drawImage(bg,0,0,800,480);
var people=new Image();
people.src=imgarr[3];
cxt.drawImage(people,0,420,36,60);
move(cxt);
}

...全文