div의 무한 움직임을 만드는 방법은 무엇입니까?

Question

저는 천천히 왼쪽으로 움직이는 div를 사용하는 웹 페이지를 만들려고합니다. 또 다른 div가 3D 효과를주는 오른쪽으로 움직입니다 (그러나 그 점 옆에 있습니다).

내가 지금하고있는 일은 7000px 크기의 div가 천천히 왼쪽으로 이동하고 (jQuery animate()을 사용하여 CSS의 "오른쪽"속성에 애니메이션을 적용 함) 모든 애니메이션을 이동 한 후 애니메이션이 끝납니다.

div를 무한한 너비로 만들거나 애니메이션이 멈추지 않도록 시작점으로 돌아갈 수있는 방법이 있습니까 (마치 식료품 점 결제 이동 벨트와 비슷합니다)?

몇 가지 별도 div가 필요하다고 생각하고 있습니다. 각 div가 끝날 때까지 되돌아갑니다. 그러나 초보자 인 jQuery 개발자로서 어떻게 할 수 있는지 알 수 없습니다. http://nth.brandonwang.org/stuhf2/simpleindex.html에서 계정에 예 복용

Answer 1

UPDATE

그냥 마지막에 콜백을 추가하여 문제를 해결할 수 있습니다, 스크립트는 다음과 같이해야합니다 :

이

$(document).ready(function() { 
    animateRight(); 
    animateLeft(); 
}); 

function animateRight() 
{ 
    $('#lightright').css ("left", "100%"); 
    $('#lightright').animate({left:'0%'},1500, "", animateRight); 
} 

function animateLeft() 
{ 
    $('#lightleft').css ("right", "100%"); 
    $('#lightleft').animate({right:'0%'},1600, animateLeft); 
} 

기본적으로 우리가 재설정 애니메이션 CSS 속성 및 애니메이션 효과를 시작하면 효과를보기 위해 애니메이션 지속 시간이이 코드에서 더 빠릅니다.

희망은 당신에게 도움이

Answer 2

당신은 jQuery를 marquee 플러그인 사용에 볼 수 있었다

:

http://remysharp.com/demo/marquee.html
http://remysharp.com/2008/09/10/the-silky-smooth-marquee/

Answer 3

당신이 당신의 페이지에 시차를 구현하려고를? 이것을 처리하기위한 몇 가지 플러그인이 있습니다.

http://plugins.jquery.com/project/jparallax http://plugins.jquery.com/project/jquery-parallax http://en.wikipedia.org/wiki/Parallax