Div Перемещение в цикле вращения с использованием Javascript

Question

Можно ли вращать Div в циклическом вращении, используя JavaScript. У меня есть четыре DIV на странице HTML. Мне нужно вращать эти DIV в циклическом вращении.

Если возможно, скажи мне сейчас. Срочно.

Answer 1

Это на самом деле не сложно:

function moveDiv(t,mdiv) {
            t = t + 0.05; // "time"
            var r = 10, //radius of circle
                xcenter = 400, //x location of circles centre on screen
                ycenter = 400, //y location of circles centre on screen
                x = Math.floor(xcenter + (r * Math.cos(t))), //circles parametric function
                y = Math.floor(ycenter + (r * Math.sin(t))); //circles parametric function
            mDiv.style.top = x + "px"; //set divs new coordinates
            mDiv.style.left = y + "px"; //set divs new coordinates

            setTimeout(function() { //make sure the animation keeps going
                moveDiv(t,mdiv);
            }, 100);
}
    myDiv = //get div element
    moveDiv(1,myDiv); //start the animation

Не проверял, но это о том, как это должно работать. Убедитесь, что вы установили свойство css "position" этих div на абсолютное или фиксированное. Также взгляните на параметрическое уравнение для круга.

Answer 2

Вы можете использовать библиотеку JavaScript Raphaël для выполнения чего-то подобного.

Steve

Answer 3

Не уверен, что я понимаю вопрос, но взгляните на плагин 'Cycle' jQuery: http://www.malsup.com/jquery/cycle/

Answer 4

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

если я не понял вашего вопроса, если вы только что говорили о циклическом прохождении 4 делений ... это вызывающе возможно и очень легко. Но если вы спросите, можете ли вы повернуть фактический div ...