728x90
반응형
<!-- src/main/webapp/20220401/mouseex1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>화면의 바탕색 변경하기</title>
</head>
<!--
javascript 인식되는 부분
1. <script>....</script> : script 태그 내부
2. onxxxx="....." : 이벤트처리 부분
onmouseover : 마우스의 커서가 영역 내부에 존재하는 경우.
onmouseout : 마우스의 커서가 영역 내부에 존재하다가, 마우스 커서가 밖으로 나간 순간.
bgColor : css의 background-color 속성과 같은 값
3. <a href='javascript:...'>...</a>
-->
<body>
<a href="javascript:alert('마우스클릭 금지')"
onmouseover='document.bgColor="red"'
onmouseout='document.bgColor="white"'>
마우스 커서가 이곳에 들어오면 바탕색이 빨강색으로 변경.
벗어나면 흰색으로 변경
</body>
</html>728x90
반응형