Помогите понять пример, а именно: что это за вызов функции с первым аргументом в виде фигурных скобок? Это в аргумент передаёт объект, или что-то типа того?(можно даже ссылкой где почитать про такое).
Про само движение элемента по окружности вроде как все понятно. Единственно что интересно, как бы задать в функции, чтоб центр окружности находился в центре элемента. Наверное this.offsetX, У
?
Вызывают в примере функцию так:
<div class="css" onClick="animation({}, this);"></div>
Сама функция (комментарии в функции не мои):
function animation(args, elem) { // некоторые аргументы определим на будущее
var $ = {
radius : 250, // радиус окружности
speed : 20 // скорость/задержка ( в js это мс, например 10 мс = 100 кадров в секунду)
}
var f = 0;
var s = 2 * Math.PI / 180; //Вычислим угол
setInterval(function() { // функция движения
f += s; // приращение аргумента
elem.style.left = 235 + $.radius * Math.sin(f) + 'px'; // меняем координаты элемента, подобно тому как мы это делали в школе в декартовой системе координат. Правда, в данном случае используется полярная система координат, изменяя угол
elem.style.top = 235 + $.radius * Math.cos(f) + 'px';
}, $.speed)
}