小遊戲——超級瑪麗的基本程式碼
阿新 • • 發佈：2019-01-08
<!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> <!-- <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; //移動 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;
}
}
--> </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>
<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; //移動 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;
}
}
--> </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>