恩恩,真的是很简单的坦克移动,没有吃豆豆发射激光什么的~
css:
<style type="text/css">
#div1{ width:200px; height:200px; background-color:red; position:absolute; left:0; top:0;}
</style>
html:
<div id="div1"><img src="img/top.jpg" width="200" height="200"/></div> //初始坦克为向上
js:
<script>
var oDiv = document.getElementById("div1");
var bRight = false,bLeft = false,bTop = false,bBottom = false;
var Swidth = document.documentElement.clientWidth; //获取屏幕宽高,防止移出屏幕
var Sheight = document.documentElement.clientHeight;
var oImg = oDiv.getElementsByTagName("img")[0];
setInterval(function(){
if(bRight){
oDiv.offsetLeft + 6<=Swidth ? oDiv