1. Visão geral
Em alguns sites de plataforma de negociação, como Taobao, Paipai, etc., você costuma achar que algumas fotos giram na forma dos círculos e são executados repetidamente.
2. Pontos técnicos
A aplicação principal do objeto matemático sin (retornando o valor seno do número) e COS (retornando o valor cosseno do número). Obtendo o valor seno e o valor de cosseno e adicionando alguns algoritmos para alterar a posição da camada atual, para que a imagem gire na página.
3. Implementação específica
(1) Este exemplo usa os valores de seno e cosseno do objeto de matemática no JavaScript para alterar a posição da camada atual. O código é o seguinte:
<Script Language = "JavaScript"> var X1 = 200; var x2 = 200; Var Timer; var r = 60; var i = 0; função eddyphoto (i) {var ob = document.all ("divirround"); 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);(2) Adicione uma camada à página e adicione a imagem para girar o efeito à camada. O código é o seguinte:
<div id = "DivRound"> <img src = "temp.jpg"> </div>
O acima é o conhecimento relevante introduzido pelo editor para realizar o efeito de girar imagens na página com base no código JS. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!