就是拖拽时，鼠标会有变化提示，鼠标移到边缘时，也是

这些效果可以通过CSS样式来实现，具体来说，当鼠标拖拽时，可以使用CSS的`cursor`属性来改变鼠标的样式，例如：

.dragging {
  cursor: move;
}

当鼠标移到边缘时，可以使用JavaScript来捕获鼠标的位置，然后根据鼠标的位置来动态改变元素的位置，具体代码实现可以参考以下示例：

var element = document.getElementById('my-element');
var container = document.getElementById('container');

container.addEventListener('mousemove', function(event) {
  var rect = container.getBoundingClientRect();
  var x = event.clientX - rect.left;
  var y = event.clientY - rect.top;

  if (x < 10) {
    element.style.left = '0';
  } else if (x > rect.width - 10) {
    element.style.left = rect.width - element.offsetWidth + 'px';
  } else {
    element.style.left = x - element.offsetWidth / 2 + 'px';
  }

  if (y < 10) {
    element.style.top = '0';
  } else if (y > rect.height - 10) {
    element.style.top = rect.height - element.offsetHeight + 'px';
  } else {
    element.style.top = y - element.offsetHeight / 2 + 'px';
  }
});

上面的代码中，`my-element`是要被拖拽的元素，`container`是包含元素的容器，当鼠标移到容器的边缘时，元素的位置会被动态改变。