JavaScript Navigation, TabMenu 만들기(학습 25일차 TIL)

210713 오늘은 만들어져 있는 자바스크립트를 이용해서 마우스 hover시 하위 메뉴가 펼쳐지는 Navigation과 TabMenu를 마크업했다. 정규 시간 이외에는 순수 CSS만으로 구현할 수 있는 슬라이드 애니메이션으로 이미지 슬라이드 콘텐츠를 제작했다.

JS tips

• 탭메뉴는 함수를 호출했을 때만 실행되도록 한다.
  (html에서 script로 함수를 호출하도록 작성해 준다.)

  <script type="text/javascript">
    initTabMenu("parameter");
  </script>

CSS tips

• element1 ~(인접 선택자) element2는 element1 뒤에 오는 모든 element2들이 선택된다.