이것은 내가 지금까지 가지고있는 것입니다. 나는 엄청난 양의 자바 스크립트 비디오를보고 있었고, 나는 그 이미지를 흉내 냈다고 느낍니다. 그러나 이것은 여전히 내가 원하는대로 기능하지 않습니다.자바 스크립트 mouseover 이미지 오류
이상으로 로고 1에서 로고 2로 바뀝니다. 이것은 숙제입니다. 그러나 숙제가 중요하기 때문에 어떤 도움이나지도라도 부탁드립니다.
</head>
<body>
<p>
<div>
<script type="text/javascript">
// Pre load images for rollover
function imgOver(id)
{
document.getElementById(id).src="logo1.jpg";
}
function imgOut(id)
{
document.getElementById(id).src="logo2.jpg";
}
</script>
<a href="#" onmouseover="imgOver('logo1');" onmouseout="imgOut('logo2')">
<img alt="logo" height="150" src="images/Logo1.jpeg" width="110" />
</a>
</div>
</body>
</html>
새 코드는 여전히 작동하지 않습니다! ID
결코 변화하지 않기 때문에 = (
</head>
<body>
<div>
<p>
<script type="text/javascript">
// Pre load images for rollover
function imgOver()
{
document.getElementById('logo').src="images/logo1.jpg"; // ensure correct image path
}
function imgOut()
{
document.getElementById('logo').src="images/logo2.jpg"; // ensure correct image path
}
</script>
<a href="#" onmouseover="imgOver('logo1');" onmouseout="imgOut('logo2')">
<img alt="logo" height="150" src="images/Logo1.jpeg" width="110" />
</a>
</p>
</div>
</body>
</html>
또한 stackoverflow에 많은 예제가 있지만 다른 방법으로 가르쳐 왔지만 아직 이해하지 못했습니다. – CaptainTeancum
다시 마우스 오버시 변경되지 않습니까? – PitaJ
그게 아니라 ... 나는 크롬과 파이어 폭스에서 테스트 중이지만 그냥 정적으로 앉아있다. – CaptainTeancum