Div Bewegen sich im Zyklus Drehung mit Javascript

Ist es möglich, sich zu drehen, ein Div in die zyklische rotation mit javascript. Ich habe vier DIVs in eine HTML-Seite. Ich drehen müssen diejenigen, die DIVs in eine zyklische rotation.

Wenn es möglich ist Sag mir jetzt. Es ist dringend.

  • Bitte formatieren Sie die Frage als normaler text; es scheint, dass Sie formatiert habe es als code-block (was es nicht ist!).
InformationsquelleAutor kumar | 2009-05-09
  1. 4

    Es ist eigentlich nicht schwer:

    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

    Noch nicht getestet, aber so sollte es funktionieren. Stellen Sie sicher, dass Sie css - "position" - Eigenschaft der divs absolute oder fixed. Werfen Sie auch einen Blick auf parametrische Gleichung für Kreis.

    InformationsquelleAutor Maiku Mori
  2. 1

    Können Sie in der Lage zu verwenden, die Raphaël JavaScript-Bibliothek, um etwas zu erreichen wie dieser.

    Steve

    • das ist eine tolle Bibliothek, nur Nachteil ist, dass es sich nicht um cross-browser, da die meisten Browser statt off auf die Implementierung von SVG. Alle wichtigen aktuellen browser-Versionen SVG-Unterstützung obwohl.
    • Sie können sich wahrscheinlich test für SVG-support im IE und zeigen Ihnen, wo Sie brauchen, um den download der adobe-plugin, dass Ihre Website funktioniert.
    InformationsquelleAutor Steve Harrison
  3. 1

    Nicht sicher, ob ich die Frage verstehe, aber werfen Sie einen Blick auf die 'Cycle' jQuery-plugin: http://www.malsup.com/jquery/cycle/

    InformationsquelleAutor Andy Ford
  4. 0

    dies könnte möglicherweise getan werden... aber nicht leicht, und Sie wäre nicht in der Lage zu halten das ursprüngliche Gefühl der Inhalt in den div.

    sofern ich deine Frage missverstanden, wenn Ihr nur reden über Radfahren bis 4 divs... das ist trotzig möglich und sehr einfach. Aber wenn Ihr Sie fragt, ob Sie drehen können die tatsächlichen div...

    • ja.Radfahren div. wenn u haben, senden Sie den code plz
    • Ravi, bitte nehmen Sie sich eine minute und schreiben Sie Ihre Frage deutlicher und mit mehr Details. Ihren Kommentar hier nicht wirklich beantworten Chad ' s Frage. Wollen Sie zeigen jede der vier DIVs in drehen, oder wollen Sie, drehen Sie den Inhalt von einem DIV-oder etwas anderes?
    • Hallo Paul, Hier ist der link avineon.com .öffnen Sie diesen link oben sehen. vier Bilder sind rotierende gleiche Weise ich muss mit javascript.
    InformationsquelleAutor Chad Scira
Schreibe einen Kommentar