<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 引入css -->
<link rel="stylesheet" type="text/css" href="Mario.css" rel="stylesheet">
<script language="javascript" src="myfuns.js"></script>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 引入css -->
<link rel="stylesheet" type="text/css" href="Mario.css" rel="stylesheet">
<script language="javascript" src="myfuns.js"></script>
<!-- <script type="text/javascript">
var str="window.alert('ok!')";
//需求是吧！str当做一个脚本执行。
//eval(str);
//escape和unescep函数往往配合使用，可以防止乱码出现
//*var str1="顺平"；
var str2=escape(str1);
widow.alert(str2);
var str3=unescape(str2);
window.alert(str3);*/
window.movetTo(200,200);
window.movetTo(300,400);
//-->
<script type="text/javascript">
<!--
//设计Mario类
function Mario(){
this.x=0;
this.y=0;
var str="window.alert('ok!')";
//需求是吧！str当做一个脚本执行。
//eval(str);
//escape和unescep函数往往配合使用，可以防止乱码出现
//*var str1="顺平"；
var str2=escape(str1);
widow.alert(str2);
var str3=unescape(str2);
window.alert(str3);*/
window.movetTo(200,200);
window.movetTo(300,400);
//-->
<script type="text/javascript">
<!--
//设计Mario类
function Mario(){
this.x=0;
this.y=0;
//移动 0->上 1->右 2->下 3->左
this.move=function(direct){
switch(direct){
case 1:
// window.alert(" Mario 右移动")；用于测试的代码
//这里为了改变img的left和top,我们需要得到img元素
var mymario=document.getElementById('mymario');
// mymario.style.left=mymario.style.left+50;
var left=mymario.style.left;
left=parseInt(left.substr(0,left,length-2)）；
mymario.style.left=(left+10)+"px";
// window.alert(left.)；打印出mymario，证明得到img元素
break;
}
}
}
//创建Mario对象
var mario=new Mario();
//全局函数
function marioMove (direct){
switch (direct){
case 1:
mario.move(direct);
break;
case 0：
break;
case 2:
break;
case 3:
break;
}
}
-->
this.move=function(direct){
switch(direct){
case 1:
// window.alert(" Mario 右移动")；用于测试的代码
//这里为了改变img的left和top,我们需要得到img元素
var mymario=document.getElementById('mymario');
// mymario.style.left=mymario.style.left+50;
var left=mymario.style.left;
left=parseInt(left.substr(0,left,length-2)）；
mymario.style.left=(left+10)+"px";
// window.alert(left.)；打印出mymario，证明得到img元素
break;
}
}
}
//创建Mario对象
var mario=new Mario();
//全局函数
function marioMove (direct){
switch (direct){
case 1:
mario.move(direct);
break;
case 0：
break;
case 2:
break;
case 3:
break;
}
}
-->
</script>
</head>
<body>
<div class="gamediv">
<img id="mymario" style="left: 30px;top:50px;" src="img/Mario.jpg">
</div><br>
<table border="1px" class="controlcenter">
<tr><td colspan="3">游戏键盘</td></tr>
<tr><td>**</td><td><input type="button" value="向上"></td><td></td></tr>
<tr><td>**</td><td>**</td><td><input type="button" value="向右" onclick="marioMove(1)"></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</body>
</html>
<body>
<div class="gamediv">
<img id="mymario" style="left: 30px;top:50px;" src="img/Mario.jpg">
</div><br>
<table border="1px" class="controlcenter">
<tr><td colspan="3">游戏键盘</td></tr>
<tr><td>**</td><td><input type="button" value="向上"></td><td></td></tr>
<tr><td>**</td><td>**</td><td><input type="button" value="向右" onclick="marioMove(1)"></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</body>
</html>