1. Übersicht
Auf einigen Handelsplattform -Websites wie Taobao, Paipai usw. stellen Sie häufig fest, dass sich einige Bilder in Form von Kreisen drehen und wiederholt ausgeführt werden.
2. Technische Punkte
Die Hauptanwendung des Mathematikobjekts sin (Rückgabe des Sinuswerts der Zahl) und COS (Rückgabe des Kosinuswerts der Zahl). Durch das Erhalten des Sinuswerts und des Cosinuswerts und des Hinzufügens einiger Algorithmen, um die Position der aktuellen Schicht zu ändern, so dass sich das Bild auf der Seite dreht.
A. Spezifische Implementierung
(1) Dieses Beispiel verwendet die Sinus- und Cosinus -Werte des Mathematikobjekts in JavaScript, um die Position der aktuellen Schicht zu ändern. Der Code ist wie folgt:
<script Language = "JavaScript"> var x1 = 200; var x2 = 200; var timer; var r = 60; var i = 0; Funktion 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 (Timer);} else {if (i> 360) {i = 0; r = r+1;} Timer = setTimeout ("eddyPhoto ("+i+"), 10);}} eddypHoto (0); </script>;(2) Fügen Sie der Seite eine Ebene hinzu und fügen Sie das Bild hinzu, um den Effekt in die Ebene zu drehen. Der Code ist wie folgt:
<div id = "divround"> <img src = "temp.jpg"> </div>
Das obige ist das relevante Wissen, das Ihnen vom Editor vorgestellt wurde, um den Effekt von rotierenden Bildern auf der Seite basierend auf JS -Code zu erkennen. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!