기타팁

하단 마우스 오버시 메인 이미지 변경

by Gsm posted Jul 13, 2011
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
<style>
img {margin:5px;}
</style>
<script>
function imgchange(imgname) {
   var con = document.getElementById("content");
   con.innerHTML = "<img src='" + imgname + "' height='300'/>";
}
</script>
</head>

<body>
<div id="content"><img src="./imgs/scene1.jpg" height="300"/></div>
<img src="./imgs/red.png" onmouseover="imgchange('./imgs/scene1.jpg');"/>
<img src="./imgs/blue.png" onmouseover="imgchange('./imgs/scene2.jpg');"/>
<img src="./imgs/green.png" onmouseover="imgchange('./imgs/scene3.jpg');"/>
</body>
</html>