2010-02-27 6 views
1

이 사이트와 비슷한 것을 만들고 싶습니다. http://www.lionite.com 머리글, 도시 슬라이드를 확인하십시오. 어떻게 jquery로이 작업을 수행 할 수 있습니까?jquery 및 슬라이딩/애니메이션 배경

모든 플러그인 또는 튜토리얼은 훌륭한 :)

감사

정말 간단하고, 해당 사이트가 많은 (아무 생각이 왜 그것을 그렇게 안 내 CPU를 화상
+0

나는 이것이 http://api.jquery.com/animate/를 찾은 것이라고 생각한다. – ant

답변

2

것 - 그것은 간단합니다 : P)

원하는 것은 div 또는 전체 본문에서 배경 위치를 애니메이션으로 표현하는 것입니다.

  1. 가 도시 폭까지 x 위치를 변경 배경 위치에
  2. 사용 $(). 애니메이션() (X)에서 반복있어되도록 가로
  3. 가 CSS을 반복 할 수있는 배경을 만드는 배경이
  4. 인 경우 애니메이션이 끝나면 x 위치가 다시 0으로 변경되고 다시 amination이 실행됩니다.
당신은 CSS의 위치를 ​​수행하는 방법을 모른다면 당신은 배경 모든 시간 (당신은 그것 심하게 동기화 할 경우 모든 위치를 다시 시작할 때 조금 이동합니다)

을 스크롤하는 것처럼 보일 것

bug me in comments;)

+0

나는 Chrome에서 ~ 16 % cpu를 굽기 때문에 동의한다. 꽤 회사 웹 사이트에 대한 지독한 끔찍한 일입니다. 특히 무언가를 너무 단순하게 애니메이션화 할 때 특히 그렇습니다. – Alex

+0

우분투에서 내 5 년 오래된 랩톱 usnig ff3.0에 100 % CPU가 있습니다. D 정말 놀라운 점은 애니메이션이 여전히 부드럽다는 것입니다! :디 – naugtur