저는 extjs를 사용하여 씬 클라이언트 UI를 프로토 타이핑하고 다른 폼/패널을 드러내 기 위해 양식/창을 뒤집어 쓰는 것을 시뮬레이션하는 효과를 찾고 있습니다. 이 속성은 두 가지 주요 속성 집합이있는 개체에 대한 세부 정보보기 용입니다.창/창 뒤집기 효과를위한 Javascript 구성 요소?
이 작업을 수행 할 수있는 플렉스 구성 요소를 발견했으며 큐브의면에서 네 가지 다른 양식을 시뮬레이션 할 수도 있습니다.
탭으로 이미 할 수있는 일을하는 데 더 섹시하고 재미있는 방법.
합리적인 시간 내에 프로젝트를 완성하려면 탭 솔루션을 고수 할 것입니다. 이것은 ExtJS에는 존재하지 않습니다 - Flex의 3D 효과는 ExtJS를위한 것입니다. 유일한 해결책은 닫힌 테이블의 4 셀에 내용을 넣고 DIV 내에서 (화살표 방향에 따라) DIV 내에서 오버플로 속성을 숨기기로 설정하여 숨길 수 있습니다. 다른 세포들과 한 번에 한 세포를 보여줍니다. 그런 다음 애니메이션 (fx) 기능을 사용하여 컨텐트를 볼 안팎으로 슬라이드합니다. 화살표 위에 마우스를 올려 놓거나 클릭하면 볼 수 있습니다.
이 특별한 효과는 크로스 브라우저별로 아직 제공되지 않을 수 있습니다. 관점을하는 것은 특정 DOM 요소를 변환 내가 알고있는 두 가지 방법으로 만 가능합니다 : 같은
1) 렌더러 특정 확장, 웹킷의 -webkit-transform
2) 캔버스 요소의 다음 내부의 DOM 요소를 렌더링 그 변환을 수행
# 1의 문제는 분명히 크로스 브라우저가 될 수 없다는 것입니다. # 2의 문제는 캔버스에 대한 완전한 마크 업 렌더러를 작성해야만 실제로 그 안에있는 임의의 DOM 요소의 모든 것을 얻을 수 있다는 것입니다.
(OTOH, 나는 아직 그것을 보지 못했지만 일부 야심적이고 영리한 JavaScript 닌자를 두지 않았으므로 다른 누군가가 뭔가를 가리킬 수 있다면 놀랄 일은 아닙니다. 그것을 좋아해 ...)