롤오버 무슨 뜻이에요

< /p>

마우스를 올려 놓으면 웹 페이지의 일부 아이콘, 텍스트 또는 그림 위에 마우스를 놓을 때 일부 내용이 팝업되고 파일이 이 아이콘, 텍스트 또는 그림에서 마우스를 제거하면 팝업이 자동으로 축소되는 것을 의미합니다. < /p>

html 특성을 사용하면 각 태그에 title 속성이 있습니다. 마우스 hover 가 태그 내용 위에 있을 때 브라우저는 해당 태그의 title 내용을 보여 주고 마우스를 옮기면 내용이 사라집니다. 다음과 같습니다.

div {

height: 100px;

폭: 100px;

/p>

background-color： aqua；;

}

lt; Div title= "나는 롤오버 데모 콘텐츠" gt; 텍스트 내용 텍스트 내용 lt; /div gt; < /p>

확장 데이터: < /p>

1, 마우스 커서를 놓으면 트리거되는 일련의 < /p>

1)css 유사 클래스,: hover 는 마우스 커서를 놓을 때 트리거되는 유사 클래스이며 다음을 수행할 수 있습니다 < /p>

2)js 는 마우스를 올려 놓으면 mouseover 이벤트를 트리거합니다. 해당 논리는 이벤트 콜백 함수에서 처리할 수 있습니다. < /p>

2, html 태그 title 속성의 역할: hover 의 요소 내용을 완전히 표시하는 데 많이 사용되며, 일부 페이지 제목 등의 내용은 줄임표가 너무 많아 모든 내용을 볼 수 없고 title 이 사용됩니다. < /p >