本文介绍如何使用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需再刷新一下页面才能执行]