1단 메뉴 검색 결과

해당 글 2건

1단 메뉴 jQuery Study #2

1단 메뉴 제이쿼리 스터디 단계별 학습 #2 이 글에서는 1단 메뉴 단계별 학습 #1의 코드를 가지고 jQuery 플러그인으로 만드는 방법에 대해 알아봅니다. 플러그인은 어디에나 꽂을 수 있도록 만드는 목적이 있기에 여기서는 동일한 1단 메뉴를 2개 만들어 테스트해보도록 합니다. HTML 2개의 동일한 1단 메뉴에 대한 마크업은 다음과 같습니다. html MENU 01 MENU 02 MENU 03 MENU 04 MENU 05 First MENU Second MENU third MENU forth MENU 04 fifth MENU 05 CSS css * { padding:0; margin:0; } body{ font-size:9pt; } #barMenu1 { position:relative; left:10..
Code Lab 2016. 6. 15. 13:24

1단 메뉴 jQuery Study #1

1단 메뉴 제이쿼리 스터디 단계별 학습 #1 이 글에서는 제이쿼리 그리고 자바스크립트의 생성자함수 및 프로토타입을 이용하여 심플한 1단 메뉴를 구현해 보는 시간을 가져보겠습니다. 다음 단계별 학습 #2를 통해서는 이 1단 메뉴를 플러그인 타입으로 리팩토링해 보도록 하겠습니다. HTML 간단한 1단 메뉴를 위해 다음과 같은 마크업을 작성합니다. html MENU 01 MENU 02 MENU 03 MENU 04 MENU 05 CSS 1단 메뉴에 대한 스타일시트는 다음과 같이 준비합니다. css * { padding:0; margin:0; } body{ font-size:9pt; } #barMenu1 { position:relative; left:100px; top:100px; width:450px; over..
Code Lab 2016. 6. 15. 10:52