1. Descripción general
En algunos sitios web de plataformas comerciales, como Taobao, Paipai, etc., a menudo se encuentra que algunas imágenes giran en forma de círculos, y se ejecutan repetidamente.
2. Puntos técnicos
La aplicación principal del objeto matemático sin (devuelve el valor sinusoidal del número) y COS (que devuelve el valor coseno del número). Obteniendo el valor sinusoidal y el valor coseno y agregando algunos algoritmos para cambiar la posición de la capa actual, de modo que la imagen gire en la página.
3. Implementación específica
(1) Este ejemplo usa los valores de seno y coseno del objeto matemático en JavaScript para cambiar la posición de la capa actual. El código es el siguiente:
<script language = "javaScript"> var x1 = 200; var x2 = 200; Timer de var; var r = 60; var i = 0; función eddyphoto (i) {var ob = document.all ("divround"); ob.style.postop = r*math.sin ((i*math.pi)/180)+x1; ob.style.posleft = r*math.cos ((i*math.pi)/180)+x2; i = i+1; if (r> 100) {window.cleartimeout (temporizador);} else {if (i> 360) {i = 0; r = r+1;} timer = setTimeout ("Eddyphoto ("+i+")", 10);}} Eddyphoto (0); </script>(2) Agregue una capa a la página y agregue la imagen para rotar el efecto a la capa. El código es el siguiente:
<div id = "divround"> <img src = "temp.jpg"> </div>
Lo anterior es el conocimiento relevante que le presenta el editor para realizar el efecto de las imágenes rotativas en la página basada en el código JS. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!