怎么实现点击按钮后，div慢慢移动

要实现点击按钮后，div慢慢移动，可以使用CSS的transition属性和JavaScript来实现。

首先，在CSS中设置div的初始位置和样式，并添加transition属性来定义过渡效果。例如：

#myDiv {
  position: absolute;
  left: 0;
  top: 0;
  transition: left 1s, top 1s;  /* 过渡效果持续1秒 */
}

然后，在JavaScript中获取按钮元素，并为其添加点击事件监听器。在事件处理函数中，通过修改div的left和top属性来实现移动效果。例如：

var myDiv = document.getElementById("myDiv");
var button = document.getElementById("myButton");

button.addEventListener("click", function() {
  myDiv.style.left = "200px";  /* 移动到横坐标200px处 */
  myDiv.style.top = "200px";   /* 移动到纵坐标200px处 */
});

这样，当点击按钮时，div会慢慢地从初始位置移动到指定位置，过程中会有过渡效果。