2010-06-07 4 views
0

나는 떨림이있는 실제 창 그림이있는 출현 달력에 대한 시각을 가지고 있으며 사용자가 그림을 클릭하면 그 그림 뒤에 숨은 것들을 드러내고 있습니다.크리스마스 출현 달력

어떻게하면됩니까? jQuery에서 기본 slideDown 메서드를 사용할 수 있다고 가정합니다. 하지만 slideLeft와 slideRight가 있습니까? 아니면 각 떨림쇠가 축을 중심으로 회전하는 오픈 도어?

동시에 한 번에 왼쪽과 오른쪽으로 전환되는 전환이있는 한 div가됩니다.

+0

: http://www.ucc.org/advent/calendar/

에서 수정 된 항목 :

나는이 오늘을 썼다. 완제품을보고 싶어합니다! –

답변

1

코어 jQuery에는 slideDown 및 slideUp (jQuery의 많은 불행한 특성 중 하나) 만 있습니다. 하지만 jQuery 프레임 워크의 확장 인 jQuery UI (User Interface)가 있는데이를 통해이를 달성 할 수 있습니다. 방향 및 속도에 대한 매개 변수를 허용하는 슬라이드 효과가 있습니다 (http://docs.jquery.com/UI/Effects/Slide의 설명서 참조). 그 정반대을 할 수도 있지만

예는

$("leftshutter").hide("slide", { direction: "left" }, 1000); 
$("rightshutter").hide("slide", { direction: "right" }, 1000); 

이 될 것입니다.

나는 모션 openDoor의 종류가 필요 모르겠어요. Z 축을 중심으로 2 차원 평면으로 어떻게 회전시킬 계획입니까? 수학적으로 계산해 보면 코어 .animate() 함수를 사용하여이를 수행하는 방법이있을 수 있습니다.이 함수는 사용자 정의 CSS 속성 세트를 애니메이션으로 만듭니다. 그러나 아마 여러분이 원하는 것일 수있는 마름모꼴이 아닌 직사각형을 만드는 조작에만 국한됩니다.

+0

와우 마르셀! 이것은 내가 찾고 있었던 바로 그 것이다. 저는 jQuery-UI에 익숙하며 실제로 사용하고 싶습니다. 나는 모든 것을 사용할 수 있다는 것을 기억하기 위해 다시 문서를 읽을 필요가 있다고 생각한다. –

+0

나는 당신이 내 이름을 안다는 것을 깨닫기 위해 놀랐다. (내가 어디에서 그런 언급을 했는가?), 그러나 나는 가장 기본적인 용어로 대답하기를 사과하고 당신에게 즐거운 성탄절을 기원한다. (나는 당신이 시간에 끝날 것이라고 확신한다.)) – MvanGeest

2

나는 다른 솔루션을보고 싶어했다. 그리고 나는 이것을 발견했다 ... 나는 공유 할지라도 그렇게 많은 작업 예제가 없다고 생각한다. 아주 멋진 http://web.enavu.com/demos/curtain/