1. Présentation
Sur certains sites Web de plate-forme de trading, tels que Taobao, Paipai, etc., vous constatez souvent que certaines images tournent sous la forme des cercles, et ils sont exécutés à plusieurs reprises.
2. Points techniques
L'application principale de l'objet mathématique Sin (renvoyant la valeur sinusoïdale du nombre) et COS (renvoyant la valeur cosinus du nombre). En obtenant la valeur sinusoïdale et la valeur du cosinus et en ajoutant certains algorithmes pour modifier la position de la couche actuelle, de sorte que l'image tourne dans la page.
3. Implémentation spécifique
(1) Cet exemple utilise les valeurs sinus et cosinus de l'objet mathématique en JavaScript pour modifier la position de la couche actuelle. Le code est le suivant:
<script linguisse = "javascript"> var x1 = 200; var x2 = 200; Var Timer; var r = 60; var i = 0; fonction 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) Ajoutez une couche à la page et ajoutez l'image pour faire pivoter l'effet au calque. Le code est le suivant:
<div id = "divround"> <img src = "temp.jpg"> </div>
Ce qui précède est les connaissances pertinentes qui vous sont présentées par l'éditeur pour réaliser l'effet des images rotatives sur la page en fonction du code JS. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!