-1

JavaScriptを使用してDivを循環回転で回転させることは可能ですか？HTMLページに4つのDIVがあります。これらのDIVを周期的に回転させる必要があります。

4

4 に答える 4

4

それは実際には難しいことではありません：

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

テストはしていませんが、それがどのように機能するかについてです。これらのdivのcss"position"プロパティをabsoluteまたはfixedに設定してください。また、円のパラメトリック方程式も見てください。

于 2009-05-10T04:06:01.277 に答える
1

RaphaëlJavaScriptライブラリを使用して、このようなことを実行できる場合があります。

スティーブ

于 2009-05-09T05:59:01.250 に答える
1

質問がよくわかりませんが、「Cycle」jQuery プラグインを見てください: http://www.malsup.com/jquery/cycle/

于 2009-05-10T03:13:46.457 に答える
0

これはおそらく可能です...しかし簡単ではなく、div内のコンテンツの元の感覚を維持することはできません。

私があなたの質問を誤解しない限り、あなたが4 divをサイクリングすることについて話しているだけなら、これは間違いなく可能であり、非常に簡単です。しかし、実際のdivを回転できるかどうかを尋ねる場合は...

于 2009-05-09T05:57:35.933 に答える