반응형 hover2 [gnb] gnb menu 스크립트 사용없이 마우스 오버 효과만으로 작동하는 sub_gnb menu 배경 효과. 메뉴에 마우스 올렸을 때 header부분 배경, gnb 글씨 색 변경 및 하단 sub_menu width:100% 배경이 생기고 상단 메뉴를 기준으로 하위메뉴가 정렬됨. GNB 메뉴1 서브메뉴1 서브메뉴2 메뉴2 서브메뉴3 서브메뉴4 서브메뉴5 메뉴3 서브메뉴6 서브메뉴7 서브메뉴8 서브메뉴9 서브메뉴10 메뉴4 서브메뉴11 서브메뉴12 메뉴5 .header{position:absolute; left:0; top:0; width:100%; height:100px; transition:all 0.5s; z-index:100;} .header:hover{background-color:#fff;} .header > h1{po.. 2020. 5. 6. [jquery] jquery 이벤트 등록 메서드3 (mouse) mouseover() / mouseout() / hover() mouseover() 는 선택한 요소에 마우스 포인터를 올릴 때 마다 이벤트를 발생시킵니다. mouseout() 는 선택한 요소에서 마우스 포인터가 벗어날 때마다 이벤트를 발생시킵니다. hover() 는 선택한 요소에 마우스 포인터가 올라갈 때와 선택요소에서 벗어날 때 각각 이벤트를 발생시킵니다. mouseover - 기본형 1. mouseover 이벤트 등록 $("이벤트 대상 선택").mouseover(function() {자바스크립트 코드;}); $("이벤트 대상 선택").on("mouseover",function(){자바스크립트 코드;}); 2. mouseover 이벤트 강제 발생 $("이벤트 대상 선택").mouseover(); mou.. 2020. 3. 15. 이전 1 다음 반응형
