<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function () {
var box1=document.getElementById("box1");
document.onmousemove=function (event) {
//解决兼容性问题
event=event||window.event;
//获取滚动条的距离/
// 解决兼容问题
var st=document.body.scrollTop||document.documentElement.scrollTop;
var sl=document.body.scrollLeft||document.documentElement.scrollLeft;
//获取鼠标的位置
//相对于页面用pageX pageY -------clientY不能直接用于有滚轮的页面
var left=event.clientX;
var top=event.clientY;
//设置偏移量
box1.style.left=left+sl+"px";
box1.style.top=top+st+"px";
鼠标移动事件div跟随鼠标
最新推荐文章于 2024-04-29 14:41:33 发布