:: 게시판
:: 이전 게시판
|
- PGR21 관련된 질문 및 건의는 [건의 게시판]을 이용바랍니다.
- (2013년 3월 이전) 오래된 질문글은 [이전 질문 게시판]에 있습니다. 통합 규정을 준수해 주십시오. (2015.12.25.)
통합규정 1.3 이용안내 인용"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
14/04/17 03:55
마침 이런 페이지를 하나 만들다가 왔습니다만..
윗 분 말씀대로 parallax scrolling 스타일이고, 이걸 간편하게 구현할 수 있게 해 주는 JQuery 플러그인들이 꽤 있습니다. stellar.js 라든가.. 그런 것들을 사용하시면 어렵지 않게 바로 이미지 스크롤 속도와 배경 스크롤 속도의 차이를 만들어내실 수 있고요. (구글에서 stellar.js 치시면 다운로드 및 예제 페이지 나올 것이고.. 이것 말고도 scrollrama던가, 여러 가지 플러그인이 많습니다. jquery parallax plugin 치셔서 여러 가지 구경을 다 해보시면 좋을 것 같습니다.) 그리고 JQuery Mousewheel 플러그인 같은 것을 사용하신다면 마우스 휠을 돌렸을 때마다 딱 한 페이지씩 화면 전체가 바뀌면서 변화하는 것도 어렵지 않게 만드실 수 있을 겁니다. (예제: http://gabrieleromanato.name/jquery-parallax-scrolling-with-the-mousewheel-event ) 구글에서 jquery mousewheel one page라든가 jquery parallax 같은 검색어들을 넣으시면 외국 블로거들의 예제도 많이 보실 수 있습니다. 마지막으로 어떤 아이템의 화면상의 세로 위치에 따라 애니메이션 효과가 들어가는 것도 간단한 자바스크립트와 CSS3으로 간편하게 해결할 수 있습니다. (예제 : http://www.justinaguilar.com/animations )
|