<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
*{padding:0;margin:0}
body{font-size:14px;font-family:"微软雅黑";padding:25px;}
a{text-decoration:none;color:#3333}
.item2{width:200px;height:200px;background:red;padding:25px;margin:25px;position:absolute;color:#fff;
text-align:center;line-height:200px;font-weight:bold;font-size:24px;}
#linex,#liney{position:absolute;top:0;left:0;}
#linex{width:100%;border-top:2px dashed #111;}
#liney{height:100%;border-right:2px dashed #111;}
#text{background:#999;color:#fff;height:25px;display:inline-block;line-height:25px;font-size:14px;padding:5px;position:absolute;font-weight:700}
</style>
</head>
<body>
<div id="linex"></div>
<div id="liney"></div>
<div id="text">sdfsdfsd</div>
<div>//鼠标位置--
js 原生实现scrollTop 源代码
最新推荐文章于 2025-11-30 19:37:39 发布
该博客展示了如何使用JavaScript实现鼠标在网页上的位置追踪，通过onmousemove事件获取坐标，并动态更新两条辅助线的位置。同时，文中还涉及到不同浏览器下坐标获取的兼容性处理，以及页面滚动条的相关知识。
最低0.47元/天 解锁文章
扫一扫
369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
