이 사이트에 쓰인 기능들이 궁금합니다.
댓걸
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
오직 제이쿼리 뿐인가요.....?
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2669129 | meta 태그질문요 ㅠㅠ (4) | 엄지 | 2024-09-21 |
2669072 | 이 사이트에 쓰인 기능들이 궁금합니다. (6) | 댓걸 | 2024-09-20 |
2668996 | 음수값 주기 질문드려요!! (5) | 설화 | 2024-09-20 |
2668944 | 이 사이트의 테마는 뭘까요? | 갅지돋는슬아 | 2024-09-19 |
2668918 | InputStream 을 String형으로 변환 (7) | 은G | 2024-09-19 |
2668893 | 자바 랜덤함수에 대해 질문 드립니다. (3) | 달콤이 | 2024-09-19 |
2668865 | [질문]AIR에서 크로스 도메인간 이미지 로드 | 여우By | 2024-09-19 |
2668806 | li 정렬 관련 질문입니다. (4) | 늘빈 | 2024-09-18 |
2668782 | ul li 내부 ul li 서브메뉴가 보여지게 하고싶은데용.. (8) | 달빛 | 2024-09-18 |
2668725 | 액션으로 조정하는 블러필터효과 다시 질문드립니다^^;;; (5) | 소아 | 2024-09-17 |
2668693 | temp의개념.을. | 그리 | 2024-09-17 |
2668663 | 살짝 궁금한게있는데.. (5) | 너만 | 2024-09-17 |
2668635 | footer 맨 아래에 고정시키기..ㅜㅜ (2) | 조은 | 2024-09-17 |
2668607 | C++ 오류 | 유진깡 | 2024-09-16 |
2668580 | 이런 질문 수없이 많이 올라왔겠죠.. (10) | 다연 | 2024-09-16 |
2668530 | 반지름이 5인 원의 둘레와 면적을 구하는 프로그램을 작성하라. (3) | 곰돌츼 | 2024-09-16 |
2668502 | 혹시 워드프레스 사용하시는 분 있나요? (3) | 꽃햇님 | 2024-09-15 |
2668403 | 주석 부분은 스크린 리더에서 읽는 것인지요? (2) | 민트향 | 2024-09-14 |
2668377 | 미분이나 적분 수식을 코딩으로 하려면 ..... (1) | 대나무 | 2024-09-14 |
2668351 | 명령행 인자를 전달해주는 방법좀 알려주세요. | 아리알찬 | 2024-09-14 |