Div 자바 스크립트를 사용하여주기 회전시 이동

Question

javascript를 사용하여 Div를 순환 회전으로 회전 할 수 있습니까? HTML 페이지에 4 개의 DIV가 있습니다. DIV를 주기적으로 회전시켜야합니다.

지금 알려주세요. 긴급하다.

Answer 1

이 작업을 수행 할 수는 있지만 쉽지는 않지만 div의 내용을 원래대로 유지할 수는 없습니다.

질문을 오해하지 않는 한, 4divs를 통해 자전거를 타는 것에 대해 말하면 ... 이것은 도전적으로 가능하고 매우 쉽습니다. 하지만 실제 div를 회전시킬 수 있는지 묻는다면 ...

Answer 2

Raphaël JavaScript 라이브러리를 사용하여 이와 같은 작업을 수행 할 수 있습니다.

스티브

Answer 3

하지 내가 질문을 이해하지만, '사이클'jQuery 플러그인에서 살펴해야합니다 : http://www.malsup.com/jquery/cycle/

Answer 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"속성을 절대 또는 고정으로 설정해야합니다. 서클의 경우 parametric equation도 확인하십시오.