A menudo vemos en algunos sitios web que el mouse se mueve en una página web, y una imagen se mueve con el mouse. ¿Sabes cómo se hace este efecto? Puede sentir que es complicado. De hecho, usa JS para escribir un pequeño programa, y el código es simple y fácil de entender. Compartiré el código de implementación a continuación.
El código clave es el siguiente:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js mudarse a </title> <script type = "text/javaScript"> function divflying () {var div = document.getElementById ('dv1'); if (! Div) {return;} Varx = Window inty = window.event.clienty; div.style.left = intx+"px"; div.style.top = inty+"px";} document.onMouseMove = divflying; </script> </head> <body> <diMid = "div1" style = "posición: absoluto;"> <img src = "fly.jpg"> <bebR> acarre clave ~~ </div> </body> </html>Lo anterior es la imagen de imagen basada en JavaScript basada en JavaScript. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!