JavaScript实现鼠标跟随文字移动效果

作者:函数茶馆

时间:2026-10-30

浏览:136

本文介绍如何使用JavaScript结合onmousemove事件,实现文字元素跟随鼠标X、Y坐标移动的效果。通过动态修改元素的left和top样式属性,并处理绝对定位,即可在网页中创建简单的鼠标交互特效。

文章目录

鼠标跟随文字效果实现

实现文字元素跟随鼠标X和Y坐标移动的效果

  <body onmousemove="oMove()">  <div id="obj" style="position:absolute;left:200;top:200">移动的字!</div>  <div id="obj1" style="position:absolute;left:200;top:0">移动的字!</div>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章