jQuery 애니메이션

Question

이 사이트에서 div 로딩 효과와 비슷한 효과를 다시 만들려고합니다. 즉, 페이지를로드 할 때 보이는 내용이 없지만 탐색 링크를 클릭하면 동적으로 div가로드됩니다.

http://worldofmerix.com

그것은 영화 스튜디오의 웹 사이트이며, 나는이 사이트와 같은 상호 작용 싶습니다. 누구든지 Javascript 및/또는 jQuery를 사용하여 이러한 효과를 얻을 수있는 방법을 알고 있습니까?

미리 도움 주셔서 감사합니다.

Answer 1

이전에 jQuery를 사용 했습니까? 문서를 보았습니까? 이것은 fadeIn과 같은 jQuery에 내장 된 animation effects을 사용하여 매우 간단합니다. 링크 한 사이트는 콘텐츠를 동적으로로드하지 않습니다. 콘텐츠는 모두 같은 페이지의 일부이며 적절하게 표시되고 숨겨집니다.

어떻게 작동하는지 보여주는 대략 fiddle입니다. 물론 애니메이션의 스타일과 단점을 해결해야합니다.