onmousemove如何实现滑动效果 - 问答

要实现滑动效果，可以使用onmousemove事件结合JavaScript来实现。以下是一个示例代码，实现当鼠标在元素上移动时，元素会根据鼠标的位置进行滑动：

<!DOCTYPE html>
<html>
<head>
<style>
#box {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
}
</style>
</head>
<body>

<div id="box" onmousemove="moveBox(event)"></div>

<script>
function moveBox(event) {
  var box = document.getElementById("box");
  var mouseX = event.clientX;
  var mouseY = event.clientY;

  box.style.left = mouseX + "px";
  box.style.top = mouseY + "px";
}
</script>

</body>
</html>

在这个例子中，当鼠标在元素上移动时，触发onmousemove事件，调用moveBox函数。moveBox函数获取鼠标的位置，然后根据鼠标的位置设置元素的left和top属性，实现元素的滑动效果。

0 赞

0 踩