Div Démarrer la rotation du cycle en utilisant Javascript

Est-il possible de faire pivoter un Div en rotation cyclique en utilisant javascript. J'ai quatre DIV dans une page HTML. J'ai besoin de faire pivoter ces DIV dans une rotation cyclique.

Si c'est possible, dites-moi maintenant. C'est urgent.

En fait, ce n'est pas difficile:

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 

N'avez pas testé, mais cela concerne la façon dont cela devrait fonctionner. Assurez-vous de définir la propriété css "position" de ces divs en absolu ou fixe. Regardez également l' équation paramétrique pour le cercle.

Vous pouvez utiliser la bibliothèque JavaScript de Raphaël pour accomplir quelque chose comme ça.

Steve

Je ne suis pas sûr de comprendre la question, mais jetez un coup d'oeil au plugin jQuery 'Cycle': http://www.malsup.com/jquery/cycle/

Cela pourrait être fait … mais pas facilement, et vous ne pourrez pas maintenir le sentiment original du contenu à l'intérieur de la div.

À moins d'avoir mal compris votre question, si vous parlez juste de faire du vélo à travers 4 divs … c'est formidablement possible et très facile. Mais si vous demandez si vous pouvez faire pivoter la div …