코딩의 즐거움/jQuery
-
[ 코딩 공부 ] 슬라이드 메뉴 구현하기코딩의 즐거움/jQuery 2021. 6. 17. 00:30
[ 코딩 공부 ] 슬라이드 메뉴 구현하기 오늘의 코딩 공부는 슬라이드 메뉴 구현하기입니다. 맨 위쪽에 가로로 보여지는 메인 메뉴를 마우스 오버하면 아래쪽으로 서브메뉴가 슬라이드 되고, 마우스를 메뉴 밖으로 이동시키면 서브메뉴가 사라지도록 만들어보려고 합니다. html로 텍스트를 입력하고 css로 디자인을 하고, jQuery로 슬라이드 되도록 만들어보겠습니다. 참고로 제가 적은 코드는 긁어서 복사 붙여넣기가 가능하니 바쁘신 분들은 복사 붙여넣기해서 확인하시면 될 것 같아요. [ 코딩 공부 : 슬라이드 메뉴 ] html 작성하기 메인메뉴1 서브메뉴1-1 서브메뉴1-2 서브메뉴1-3 서브메뉴1-4 메인메뉴2 서브메뉴2-1 서브메뉴2-2 서브메뉴2-3 서브메뉴2-4 메인메뉴3 서브메뉴3-1 서브메뉴3-2 서브메..