기초부터 시작하는 코딩/Animation 6

자바스크립트를 사용한 탭메뉴효과 만들기

- 탭메뉴라고 부르는 방식입니다. 버튼에 커서를 올렸을 때 밑에 하위 메뉴가 나오는 방법입니다. - m1은 하나 씩 나오는 것이고 m2는 한번에 나오는 것입니다. - 코드를 보시죠 M1 - Jquery $(".nav > ul > li").mouseover(function(){ $(this).find(".submenu").stop().slideDown() }); $(".nav > ul > li").mouseout(function(){ $(this).find(".submenu").stop().slideUp() }); - 제이쿼리를 사용하는 방법입니다. - 선택자를 $로 선택해주고 마우스를 올렸을 때와 내렸을 때 실행되는 함수를 만들어 준 뒤 slideDown(); 과 slideUP();을 통해 효과를 넣어 ..