<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 80px; height: 80px; background: black; border-radius: 80px; position: absolute; } </style> </head> <body> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </body> <script> window.onload=function () { var oDiv = document.getElementsByTagName("div"); document.onmousemove = function (ev) { var event = window.event || ev; for (i = 0; i < oDiv.length; i++) { oDiv[i].style.transition = i * 0.025 + "s"; oDiv[i].style.top = event.clientY + "px"; oDiv[i].style.left = event.clientX + "px"; } } } </script> </html>
图案跟随鼠标
猜你喜欢
转载自blog.csdn.net/frost666/article/details/80849289
今日推荐
周排行