본문 바로가기
HTML│CSS│Java Script

html 전구 켜고 끄기

by 자유코딩 2017. 12. 6.
html 전구 켜고 끄기

 

 

 

코드

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Color</title>
<script type="text/javascript">
    function ontest() {
        document.getElementById("myimg").src="img/turnon.gif";
    }
    function offtest() {
        document.getElementById("myimg").src="img/turnoff.gif";
    }
</script>
</head>
<body>
    <a onmouseover="ontest()" onmouseout="offtest()">
        <img id="myimg" src="img/turnoff.gif">
    </a>
 
</body>
</html>
cs

 

'HTML│CSS│Java Script' 카테고리의 다른 글

html 예제  (0) 2017.12.06
p 태그 id에 자바스크립트 결과 담기  (0) 2017.12.06
html 표 추가 삭제  (0) 2017.12.06
html 예제  (0) 2017.12.05
html 회원 정보 확인 예제  (0) 2017.12.05

댓글