1. 개요
Taobao, Paipai 등과 같은 일부 거래 플랫폼 웹 사이트에서는 일부 사진이 원 모양으로 회전하고 반복적으로 실행된다는 것을 알게됩니다.
2. 기술 포인트
수학 물체 sin (숫자의 사인 값을 반환)과 cos (숫자의 코사인 값을 반환)의 주요 적용. 사인 값과 코사인 값을 얻고 현재 레이어의 위치를 변경하기 위해 알고리즘을 추가하여 그림이 페이지에서 회전하도록합니다.
3. 특정 구현
(1)이 예는 JavaScript의 수학 물체의 사인 및 코사인 값을 사용하여 현재 층의 위치를 변경합니다. 코드는 다음과 같습니다.
<script language = "javaScript"> var x1 = 200; var x2 = 200; var 타이머; var r = 60; var i = 0; 함수 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) {wind(2) 페이지에 레이어를 추가하고 이미지를 추가하여 효과를 레이어로 회전시킵니다. 코드는 다음과 같습니다.
<div id = "divround"> <img src = "temp.jpg"> </div>
위의 것은 편집자가 귀하에게 소개 한 관련 지식이며 JS 코드를 기반으로 페이지에서 이미지를 회전하는 효과를 실현합니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!