OnMouseOver를 사용하여 마우스 포인터를 변경하는 방법

작가: Frank Hunt
창조 날짜: 16 3 월 2021
업데이트 날짜: 24 십일월 2024
Anonim
온라인 강의 및 화면 녹화 때 마우스에 포인트 주는 법 | 마우스강조프로그램 | 화면녹화마우스 | 마우스변경방법 - [아이티플러스] 온라인강의제작의 모든것
동영상: 온라인 강의 및 화면 녹화 때 마우스에 포인트 주는 법 | 마우스강조프로그램 | 화면녹화마우스 | 마우스변경방법 - [아이티플러스] 온라인강의제작의 모든것

콘텐츠

"OnMouseOver"이벤트는 사용자가 페이지의 요소 위에 마우스 포인터를 올려 놓으면 트리거됩니다. 이미지, 단추, 표 또는 페이지 자체와 같은 요소가있을 때 발생할 수 있습니다. 컨트롤 속성에서 Javascript를 사용하여 마우스 포인터가 이러한 요소를 건너 뛸 때 사용자에게 표시되는 아이콘을 변경할 수 있습니다. "OnMouseOver"이벤트는 "OnMouseOut"과 함께 사용됩니다. 마우스 포인터가 요소 위에 없을 때 트리거되고 포인터 아이콘이 원래 이미지로 돌아가는 데 사용됩니다.


지침

"OnMouseOver"이벤트는 지정된 요소 위로 마우스를 가져 가면 트리거됩니다. Fotolia.com에서 Edyta 안나 Grabowska로 (컴퓨터 마우스 이미지)

  1. 좋아하는 텍스트 편집기로 HTML 파일을 엽니 다. 편집 할 HTML 요소로 스크롤하십시오. 페이지의 모든 요소가 될 수 있습니다. 이 예에서 레이블 "

  2. 마우스 포인터를 변경하는 "OnMouseOver"이벤트에 Javascript 코드를 할당하십시오. 다음 코드는 사용자가 이미지 위로 마우스를 가져 가면 포인터가 작은 손 모양으로 변경됩니다.

  3. 마우스 포인터가 더 이상 요소 위에 있지 않으면 원래 아이콘으로 돌아갑니다. "OnMouseOut"이벤트를 구성하지 않으면 사용자가 페이지를 탐색 할 때 마우스가 계속 변경됩니다. 다음 코드는 마우스 포인터를 기본값으로 되돌립니다.