반응형 동적목록항목강1 jQuery의 mouseenter() / mouseleave() 이벤트를 활용한 실용적인 예제들 mouseenter()와 mouseleave()는 요소에 마우스가 들어오거나 나갈 때 각각 이벤트를 트리거합니다. hover()와 유사하지만, mouseenter()는 이벤트 버블링이 발생하지 않아 부모 요소와 자식 요소가 중첩된 경우 더욱 세밀한 컨트롤이 가능합니다. 실용적인 예제를 몇 가지 소개합니다. 1. 버튼 강조 효과마우스가 버튼 위에 올라가면 색상이 변경되고, 벗어나면 원래 색상으로 돌아옵니다. Hover me 2. 카드 그림자 효과마우스를 카드 위에 올리면 그림자가 강조되고, 벗어나면 원래 상태로 돌아옵니다. 3. 메뉴 하이라이트네비게이션 메뉴에 마우스를 올리면 텍스트 색상과 배경색이 변경됩니다. Home About Contact 4. 이미지 캡션 .. 2024. 11. 19. 이전 1 다음
