몇시간째 이거 하나가지고 원인을 몰라서 다르게 시도해볼까도 하는데 이방법밖엔 답이 없어서
풀어야하는데 정말 안풀리네요...
onmouseover, onmouseout인데요 마우스를 올리면 visible, 빼면 hidden이 되게 짜봤는데
hidden이 되질 않네요..
<html>
<head>
<title>서울</title>
</head>
<script language="Javascript">
window.resizeTo(870, 800)
function visible(map) {
document.all[map].style.visibility='visible'
}
function hidden(map) {
document.all[map].style.visibility='hidden'
}
</script>
<body>
<form>
<div id="map_01" style="position:absolute; visibility:visible; left:200px; top:150px; z-index:1;">
<img src="map.png">
</div>
<div id="map_02" style="position:absolute; visibility:visible; left:200px; top:150px; z-index:2;">
<img src="Route.png">
</div>
<div id="map_03" style="position:absolute; visibility:hidden; left:200px; top:150px; z-index:3;">
<img src="R1.png">
</div>
<a href="#" onmouseover="visible('map_03')" onmouseout="hidden('map_03')">
<img src="toR1.png" border="0">
</a>
</form>
</body>
</html>
꼭 해결하고싶어요!
도움부탁드립니다 ㅜㅜ
글쓰기