WEB/JS & jQuery2 [jQuery] placeholder에 오늘 날짜, 현재 시각 넣기 학원에 다니면서 HTML과 CSS를 배운지 약 한 달이 됐을 무렵, 첫번째 과제로 다른 친구와 둘이 사이트를 만든 적이 있었다. 주제를 선정하다가 콘텐츠가 풍부한 여행 예약 사이트(예를 들면 트립닷컴이나 마이 리얼 트립 같은)를 주제로 정해 구현했었는데 요즘 공부한 내용 복습 겸 그걸 조금 더 개선해서 다시 만들어보고 있다. 여행 사이트의 핵심이라 하면 아무래도 메인 상단에 있는 이 검색창이라 할 수 있는데 지난번에 검색해서 찾은 jQuery를 사용한 탭메뉴 덕분에 탭 안에 탭을 넣는 부분까지는 쉽게 구현할 수 있었다. [jQuery] 한 페이지에 탭메뉴 여러개 넣기 처음 만들었던 사이트를 포트폴리오에 사용하기 위해 다시 만들고 있는데 메인 페이지에서 사용하는 3개의 탭 메뉴를 CSS에서 jQuery로 .. 2020. 10. 19. [jQuery] 한 페이지에 탭메뉴 여러개 넣기 처음 만들었던 사이트를 포트폴리오에 사용하기 위해 다시 만들고 있는데 메인 페이지에서 사용하는 3개의 탭 메뉴를 CSS에서 jQuery로 바꾸면서 스스로의 숙제가 생겨났다. CSS로 구현할 수 있는 것은 CSS로 구현하는 것이 좋다고 들었기에 모달로 띄우는 로그인, 회원가입의 경우 그대로 CSS를 이용했지만 탭 메뉴도 이전처럼 CSS로 쓰기에는 코드가 너무 장황해진다! 당시 이 사이트를 만들 땐 아직 jQuery를 배우기 전이라 인접 형제 선택자를 사용해서 display: none;, display: block;을 했지만 각각 메뉴가 5개, 8개, 8개인 탭 메뉴를 이제 와서 CSS로 하기엔 CSS가 너무 더럽... 그래서 검색하다가 처음 사용했던 제이쿼리 탭 메뉴 코드는 바로 이것! 38 한 메뉴를 클.. 2020. 10. 4. 이전 1 다음
