<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>案例分析:跟随鼠标的天使</title> <style> img { position: absolute; top: 0px; left: 0px; } </style> </head> <body> <img src="image/ic.jpg" alt=""> <script> let img = document.querySelector('img'); document.addEventListener('mousemove', function(e) { img.style.top = e.pageY-6+'px'; img.style.left = e.pageX-7+'px'; }); </script> </body> </html>
07-26
11-02
523