當前位置：
首頁 >
鼠标跟随
發布時間：2025/7/14
39
豆豆
實現一個簡單的鼠標跟隨效果。
代碼如下
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>鼠標跟隨</title> </head> <style type="text/css">#gen{width: 50px; height: 50px; background-color: #2fa; padding: 20px; position: absolute; color: #fff; text-align: center; } </style> <body><div id="gen">鼠標跟隨</div><script type="text/javascript">window.onmousemove = function(event){var oTop = document.getElementById("gen");var e = event || window.event;var scrollleft = document.documentElement.scorllLeft || document.body.scrollLeft;var scrolltop = document.documentElement.scorllTop || document.body.scrollTop;var x = e.clientX;var y = e.clientY;oTop.style.left = x + scrollleft + "px";oTop.style.top = y + scrolltop + "px";}</script> </body> </html>?
轉載于:https://www.cnblogs.com/hu555snow/p/5706743.html
總結
- 上一篇： 流程管理产品小故事汇总贴
- 下一篇： 数学（莫比乌斯反演）：HAOI 2011