1. Обзор
На некоторых веб -сайтах торговых платформ, таких как Taobao, Paipai и т. Д., Вы часто обнаруживаете, что некоторые изображения вращаются в форме кругов, и они выполняются неоднократно.
2. Технические моменты
Основное применение SIN Math Object 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) {window.cleartimeout (timer);} else {if (i> 360) {i = 0; r = r+1;} timer = setTimeout ("eDdyPhoto ("+i+")", 10);}} EddyPoto (0);(2) Добавьте слой на страницу и добавьте изображение, чтобы повернуть эффект на слой. Код заключается в следующем:
<div id = "divround"> <img src = "temp.jpg"> </div>
Выше приведено соответствующие знания, представленные вам редактором, чтобы реализовать влияние вращающихся изображений на странице на основе кода JS. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!