마 우 스 를 이동 하여 CSS 스타일 을 바 꾸 는 작은 예 를 이동 합 니 다.

907 단어 마우스.CSS양식
웹 페이지 의 한 영역 은 마우스 가 들 어 갈 때 스타일 을 바 꾸 고 마우스 가 이동 할 때 자동 으로 스타일 을 복원 합 니 다.한 그림 의 테두리 일 수도 있 고 한 단락 의 텍스트 가 변색 되 어 원 리 를 파악 할 수 있 습 니 다.더욱 풍부 하고 생동감 있 는 웹 페이지 상호작용 효 과 를 할 수 있 을 것 같 습 니 다.여 기 는 주로 JS 를 이용 하여 Hover 태그 가 있 는 DIV 를 제어 하여 동작 을 하 는 것 도 학습 의 좋 은 범례 입 니 다.마우스 이동 시 CSS 스타일 변경 window.onload = function (){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function () { oDiv.className = "hover" }; oDiv.onmouseout = function () { oDiv.className = "" }};
마 우 스 를 옮 겨 스타일 을 바 꾸 고 마 우 스 를 옮 겨 복원 합 니 다.
[Ctrl+A 선택:]

좋은 웹페이지 즐겨찾기