마우스 오버

Mouseover

컴퓨팅에서 마우스 호버 또는 호버 박스는 사용자가 포인터를 트리거 영역(일반적으로 마우스를 사용하여) 위로 이동하거나 이동할 때 활성화되는 그래픽 제어 요소입니다. 그러나 디지털 펜으로도 가능합니다.마우스 오버 제어 요소는 웹 브라우저에서 일반적입니다.예를 들어 하이퍼링크 위에 마우스를 올리면 마우스 오버 제어 요소가 상태 표시줄에 URL을 표시하도록 트리거됩니다.사이트 설계자는 JavaScript 또는 Cascading 스타일 시트를 사용하여 [2]자체 마우스 오버 이벤트를 정의할[1] 수 있습니다.

마우스 오버 이벤트는 웹 디자인 및 그래픽 사용자 인터페이스 프로그래밍에서 자주 사용됩니다.

롤오버라고도 합니다.롤오버는 웹 페이지 내에 있는 웹 개발자 또는 웹 디자이너에 의해 작성된 버튼으로 사용자와 페이지 자체의 상호작용을 제공하기 위해 사용됩니다.이와 관련하여 롤오버라는 용어는 "마우스 커서를 버튼 위로 이동"하는 시각적 프로세스에서 비롯되었으며(보통 버튼의 소스 이미지를 다른 이미지로 대체함으로써), 때로는 웹 페이지 자체가 변경됩니다.'롤'이라는 용어의 일부는 아마도 굴리는 부분이 없는 현대의 광학 마우스와는 달리 마우스 베이스에 단단한 고무 공으로 구성된 기계적인 조립체를 가지고 있던 나이든 마우스를 가리킨다.

롤오버는 이미지, 텍스트 또는 버튼으로 수행할 수 있습니다.사용자는 이 대화형 작업을 수행하는 데 두 개의 이미지/버튼(이러한 이미지에 "alt" 텍스트를 추가할 수 있음)만 필요합니다.롤오버 이미지는 툴이 내장된 프로그램 또는 스크립트 코딩으로 수행할 수 있습니다.사용자는 첫 번째 이미지를 선택하고 대체 보조 이미지를 선택해야 합니다.롤오버를 트리거하려면 마우스 동작을 "클릭" 또는 "마우스 오버"로 설정해야 합니다.마우스 오버가 이미지 위로 이동하면 Alt 이미지/secondary 이미지가 나타나지만 유지되지는 않습니다. 사용자가 마우스를 이미지에서 멀어지게 하여 "마우스 아웃"하면 원본 이미지가 [citation needed]다시 나타납니다.

툴팁

주요 기사: 툴팁

마우스 오버 이벤트의 특별한 용도는 포인터 아래에 있는 개체에 대한 간단한 설명을 보여주는 도구 설명입니다.툴팁은 마우스 또는 스타일러스를 오브젝트 위에 일정 시간 유지한 후에만 표시됩니다.

이미지에서는 HTML을 사용하여 생성할 수 있습니다. title속성을 [3]지정합니다.

예

<!--직접 사용하는 것은 권장되지 않습니다.Web 표준에 준거하고 있지 않습니다. -- > <>img 아이디="마이이미지" src="/images/myImage.jpg" 온마우스오버="메시지 표시";"> 
// 프레임워크가 없는 자바스크립트 코드 <>레퍼런스>변화하다 마이임그 = 문서.요소 취득 기준아이디('마이이미지');<>/ref> 기능. my Message() {     경계.('당신의 메시지'); }  한다면 (마이임그.addEventListener) { //addEventListener는 개체에 이벤트를 추가하는 표준 메서드입니다.     마이임그.addEventListener('오버', my Message, 거짓의); }  또 다른 한다면 (마이임그.attach Event(이벤트)) { //Internet Explorer의 경우     마이임그.attach Event(이벤트)('온마우스오버', my Message); }  또 다른 { //기타 브라우저의 경우     마이임그.온마우스오버 = my Message; } 
// jQuery 예시.클라이언트 브라우저에서 JavaScript가 비활성화되면 성능이 저하됩니다. $("img").마우스 오버(기능.(){    경계.('당신의 메시지'); });

레퍼런스

  1. ^ JavaScript OnMouseOver
  2. ^ Web Designer Wall의 [Advanced CSS Advanced CSS Menu)]
  3. ^ "A vocabulary and associated APIs for HTML and XHTML". Retrieved 16 February 2015.

외부 링크

  • 숨겨진 CSS 메뉴 순수 CSS의 다단계 마우스 오버 메뉴(JavaScript 없음)
  • DontClick.it 마우스 오버만을 사용한 내비게이션 시연(Flash Player 탑재)