HTML&CSS&Javascript로 글자에 마우스 올리면 사진 보이게 하기

<html>

<head>

<title>이미지태그</title>

<style>

body{background-color:linen; color:green;

margin-left:40px; margin-right:40px;}

h3{text-align:center; color:darkred;}

</style>

function show(){//<img>에 이미지 달기

document.getElementById("dog").src="a dog.jpg"

//Id가 'dog' 인 html요소를 가져와라 document = HTMl문서

}

function hide(){//<img>에 이미지 제거

document.getElementById("dog").src="";

//Id가 'dog' 인 html요소를 가져와라 document = HTMl문서

}

</script>

</head>

<body>

<h3 onmouseover="show()" onmouseout="hide()">A happy dog</h3>

"A happy dog"에 마우스 올려보세요~!

<img width ="500" height ="400" id="dog" src="">

</body>

</html>

검색하기 <form method="get" action=""> //searching on (0)	2020.03.04
로그인 <form > 연습 / JDK, 이클립스, Tomcat설치/ (0)	2020.03.04
<iframe>연습/<vedio>,<audio>/ (0)	2020.03.04
HTML 메타 데이터,<link>/<img>상대 경로, 절대 경로, URL/<ol><ul>/<table>/<a>/<iframe> (0)	2020.03.04
HTML5 개요, 기본 페이지 태그 //HTML5 outline, basic page tag (0)	2020.03.02

Linda