JS在页面中设置一张图片，实现在页面中使用鼠标拖拽图片的效果

可以使用以下代码实现在页面中使用鼠标拖拽图片的效果：

HTML部分：

<img id="image" src="图片路径" onmousedown="startDrag(event)" onmouseup="stopDrag()">

JavaScript部分：

var isDragging = false;
var image = document.getElementById("image");
var offsetX, offsetY;

function startDrag(event) {
  isDragging = true;
  offsetX = event.pageX - image.offsetLeft;
  offsetY = event.pageY - image.offsetTop;
}

function stopDrag() {
  isDragging = false;
}

document.onmousemove = function(event) {
  if (isDragging) {
    image.style.left = (event.pageX - offsetX) + "px";
    image.style.top = (event.pageY - offsetY) + "px";
  }
};

当鼠标按下时（即触发`onmousedown`事件），会调用`startDrag`函数，该函数会设置标记`isDragging`为`true`，并记录当前鼠标位置与图片左上角的偏移量。当鼠标松开时（即触发`onmouseup`事件），会调用`stopDrag`函数，该函数会将标记`isDragging`设置为`false`。

在整个文档上监听鼠标移动事件，当`isDragging`为`true`时（即鼠标正在拖拽图片），会根据当前鼠标位置和偏移量来设置图片的位置，实现图片随鼠标拖拽的效果。