javascript移动图片

你可以使用JavaScript来实现图片的移动。具体方法如下：

HTML代码：

<div class="image-container">
  <img id="my-image" src="your-image-url" alt="your-image-description">
</div>

CSS代码：

.image-container {
  position: relative;
}

JavaScript代码：

// 获取图片元素
var myImage = document.getElementById("my-image");

// 设置初始位置
var xPos = 0;
var yPos = 0;
myImage.style.left = xPos + "px";
myImage.style.top = yPos + "px";

// 监听键盘事件
document.addEventListener("keydown", function(event) {
  // 获取键码
  var keyCode = event.keyCode;
  // 根据键码移动图片
  if (keyCode === 37) { // 左箭头键
    xPos -= 10;
    myImage.style.left = xPos + "px";
  } else if (keyCode === 38) { // 上箭头键
    yPos -= 10;
    myImage.style.top = yPos + "px";
  } else if (keyCode === 39) { // 右箭头键
    xPos += 10;
    myImage.style.left = xPos + "px";
  } else if (keyCode === 40) { // 下箭头键
    yPos += 10;
    myImage.style.top = yPos + "px";
  }
});

通过监听键盘事件，根据键码移动图片的位置，可以实现图片的移动。上面代码中，通过设置`position: relative`属性来使得图片元素的位置可以通过`left`和`top`属性来控制。在`keydown`事件中，根据不同的键码移动图片的位置，最后通过设置`left`和`top`属性来更新图片的位置。