Есть ли скрипт вращения DIV по кругу?

Question

[DrunkMaster]

Суть такая что при нажатии стрелки голубой прямоугольные блоки каждый из которых представляет собой DIV-блок. Вращается описывая несколько круговую траекторию:

Answer 1

[Kovalsky]

Именно скрипт? Это довольно просто сделать анимашкой.

Comments

[DrunkMaster]

Ну он просто вращается, а мне бы по клику

[Kovalsky]

DrunkMaster, тогда стоит сначала определить условия, например должен ли элемент возвращаться плавно на исходное место по повторному клику и тому подобное.

[Павел Корнилов]

DrunkMaster, а что мешает навесить обработчик на событие клика?
el.onclick= function() { ... );

[DrunkMaster]

KorniloFF, писать неохота ничё, хочу взять пусть не 100% такой но похожий и адаптировать под себя

[Johny Smith]

Выделил случайно смайл в Chrome с установленным приложением Переводчик и понеслась лол:

[DrunkMaster]

Olek1, ахах, супер

Answer 2

[Anna_BS]

1
2
3

Comments

[DrunkMaster]

Вот это огонь, правда последний чё-то у меня не работал

[Павел Корнилов]

DrunkMaster, у меня тоже.

[lukoie]

у меня работает последний на Опере
жаль конечно что не пальцевозибельные, тогда бы вообще было круть

Answer 3

[Павел Корнилов]

KorniloFF, писать неохота ничё, хочу взять пусть не 100% такой но похожий и адаптировать под себя

Ну ладно, тогда лови:

<style type="text/css">
#block {position:relative; background:#fcc; display: inline-block; cursor: pointer;}
    </style>
 <div id="block" onclick="StartRot();">Кликни меня для вращения!</div>
 <script type="text/javascript">
function StartRot() {
    var block = document.getElementById('block');
        R = 100,
        A = 0,
        PI2 = Math.PI * 2;
        dA = PI2 / 64;
    setInterval(function() {
        block.style.left = Math.round(R * Math.cos(A)) + 'px';
        block.style.top = Math.round(R * Math.sin(A)) + 'px';
        A += dA;
        if (A >= PI2) A -= PI2;
        else if (A < 0) A += PI2;
    }, 50);
};
</script>

Comments

[DrunkMaster]

Спасибо, ответы попозже отмечу может ещё кто, что накидает...

[Павел Корнилов]

DrunkMaster, да не вопрос. Рад был помочь.