이 사이트에 쓰인 기능들이 궁금합니다.
댓걸
http://www.lab-c.co.kr/
문의 드리는 사이트의 주소는 위 링크 입니다.
처음 봤을 때는 이 사이트가 플래시인가 했는데 소스를 보니
그것이 아니더군요.
아, 정말 제가 시대에 뒤떨어지고 있다는 것을 실감하게 되었습니다.
해서 이렇게 문의를 드립니다.
우선 첫번째
메인을 보시면 시간에 맞춰 이미지가 롤링이 됩니다.
또 해당 버튼을 클릭하면 해당 이미지로 롤링이 됩니다.
두번째
대메뉴에 마우스 오버를 하면 서브 메뉴가 다운되어 나열되고
해당 메뉴 클릭시 해당 페이지로 넘어가죠 (이건 저도 알고요;;;)
문제는 해당 서브 메뉴 클릭시 해당 페이지의 지정된 이미지로 내려가는데
이때 매우 자연스럽게 애니메이션처럼 내려간다는 점 입니다.
나열해보니 매우 간단한데 소스를 보면
꽤 복잡하고 어디를 어떻게 지정된건지 크게 의문이 들더군요.
추측되는 건 우선 메뉴는 CSS이고 페이지는 자바를 넣은 것 같지만
이 정도가 한계인지라...
해서
제가 질문드리는 것이 저 두 개 입니다.
마치 플래시인 것처럼 자연스럽게 너머가는 코드 법...ㅜㅜ...
어떤 것을 쓰면 되는지 알려주십사 이렇게 간곡히 질문드립니다.
-
달빛 2024-09-20
지금 소스를 살짝봤는데 이걸 제작한 사람도 Jquery를 썼네요. Jquery는 facebook naver daum google 등 거대기업들도 사용하는 검증된 프레임워크입니다. JQUERY를 사용해보도록 하세요. 엄청나게 길어질 코드를 한줄로도 표현가능할 수 있게 됩니다.
-
집1어치워 2024-09-20
흠...그렇군요...제가 배움이 부족하다보니 ㅜㅜ...흙_흙...감은 안잡히긴 해도 도움 감사드립니다...
-
티나 2024-09-20
다만 fadeIn부분은 밀리초당 배경의 opacity 값을 줄여주는 식으로 코딩을 짜볼 수도 있겠고 내려가는 메뉴는 해당 요소의 높이 값을 밀리초 단위로 0에서 늘려주는 식으로 코드를 짜볼 수 있겠죠 ^^?
-
조롱목 2024-09-20
아...그럼 자바를 활용해 페이지 휠의 대한 액션이나 마우스 롤오버, 이미지 롤링 및 버튼 클릭의 롤링을 썼다는 말씀이신거죠...?
-
드리 2024-09-20
아뇨 제이쿼리도 자바스크립트의 프레임워크일 뿐 자바스크립트로 직접 코딩도 가능합니다.
-
뿡뿡 2024-09-20
오직 제이쿼리 뿐인가요.....?