小游戏——超级玛丽的基本代码
<!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當(dāng)做一個腳本執(zhí)行。
//eval(str);
//escape和unescep函數(shù)往往配合使用，可以防止亂碼出現(xiàn)
//*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">
<!--
//設(shè)計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;
}
}
}
//創(chuàng)建Mario對象
var mario=new Mario();
//全局函數(shù)
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" 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>
總結(jié)
以上是生活随笔為你收集整理的小游戏——超级玛丽的基本代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Spring消息之STOMP
- 下一篇： Flink SQL Client方言切换