27.htm

来自「介绍了javascript的常用的函数」· HTM 代码 · 共 24 行

HTM
24
字号
<html>
<head>
<title>用方向键来控制图片移动</title>
<script language="javascript">
<!--
	function move(){
		key = event.keyCode;
		x = parseInt(pic.style.left);
		y = parseInt(pic.style.top);
		step = 2;
		if (key == 37)  pic.style.left = x - step;
		if (key == 38)  pic.style.top  = y - step;
		if (key == 39)  pic.style.left = x + step;
		if (key == 40)  pic.style.top  = y + step;
	}
	document.onkeydown=move;
-->
</script>
</head>
<body>
请按←↑→↓键
<img id="pic" src="insect.gif" style="position:absolute;left=100;top=100">
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?