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

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

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

출처

2009-05-09 kumar

질문을 일반적인 텍스트 형식으로 지정하십시오. 코드 블록으로 포맷 한 것 같습니다 (그렇지 않습니다!). –

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

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

출처

2009-05-09 05:57:35

예. 싸이클 div. 만약 당신이 그 코드 plz – kumar

라비를 보내 주시면 잠시 시간을내어 좀 더 명확하고 자세한 내용을 적어주십시오. 귀하의 의견은 실제로 차드의 질문에 대답하지 않습니다. 네 개의 DIV 각각을 차례로 표시 하시겠습니까? 아니면 하나의 DIV 또는 다른 내용을 회전 시키시겠습니까? –

안녕하세요 폴, 다음 링크는 http://www.avineon.com/open이 링크는 상단을 참조하십시오. 4 이미지는 자바 스크립트를 사용하여 필요한 동일한 방식으로 회전합니다. – kumar

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

스티브

출처

2009-05-09 05:59:01

이것은 멋진 라이브러리입니다. 단점이라면 대부분의 브라우저가 SVG 구현을 보류했기 때문에 크로스 브라우저가 아닙니다. SVG를 지원하는 현재의 모든 주요 브라우저 릴리스. –

IE에서 SVG 지원을 테스트하고 사이트를 작동시키는 adobe plugin을 어디에서 다운로드해야하는지 알 수 있습니다. –

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

출처

2009-05-10 03:13:46

을 열심히 사실이 아니다 :

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도 확인하십시오.

출처

2009-05-10 04:06:01

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

답변

관련 문제