首頁 > 開發者 > JavaScript
CODE:
<body onkeydown="movePic()">
<div style="width:600px;height:300px;border:1px solid green">
<img id="pic" src="lang.gif" style="border:0;width:80px;position:absolute;left:260;top:120">
</div>
<script>
var pic = document.getElementById("pic");
var step = 10;
var x = pic.style.pixelLeft;
var y = pic.style.pixelTop;
function movePic(){
var code = event.keyCode;
switch(code) {
case 37:
x-=step;
pic.style.left = x;
break;
case 38:
y-=step;
pic.style.top = y;
break;
case 39:
x+=step;
pic.style.left = x;
break;
case 40:
y+=step;
pic.style.top = y;
break;
}
}
</script>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
