阅读量:3
要实现滑动效果，可以使用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属性，实现元素的滑动效果。
